怎么解决IE7不兼容问题
<style type="text/css">
*{ margin:0px; padding:0px;}
ul{ list-style:none;}
#menu{ width:600px; height:40px; background:#ccc; margin:0 auto;}
#menu ul li{ text-align:center; line-height:40px; float:left; position:relative; }
a{ text-decoration:none; color:#000; padding:0 10px; display:block;}
a:hover{ background:#333; color:#FFF;}
#menu ul li ul li{ float:none; background:#999;}
#menu ul li ul li a{ width:90px; height:40px;}
#menu ul li ul{ display:none; position:absolute; top:40px; left:0;}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">课程大厅</a>
<ul>
<li><a href='#'>javascript</a></li>
<li><a href='#'>jqnery</a></li>
<li><a href='#'>php</a></li>
</ul>
</li>
<li><a href="#">学习中心</a>
<ul>
<li><a href="#">视频学习</a></li>
<li><a href="#">案例学习</a></li>
<li><a href="#">交流平台</a></li>
</ul>
</li>
<li><a href="#">经典案例</a></li>
<li><a href="#">关于我们</a></li>
</ul>
</div>
