javaScript做的一个下拉菜单，IE下显示不好！！！_html/css_WEB-ITnose

<div id="navigation">      <ul>         <li class="outer"><a href="#">首页</a>            <ul class="inner"><li><a href="#">首页</a></li><li><a href="#">首页</a></li><li><a href="#">首页</a></li></ul>         </li>         <li class="outer"><a href="#">首页</a>            <ul class="inner"><li><a href="#">首页</a></li><li><a href="#">首页</a></li><li><a href="#">首页</a></li></ul>         </li>         <li class="outer"><a href="#">首页</a>            <ul class="inner"><li><a href="#">首页</a></li><li><a href="#">首页</a></li><li><a href="#">首页</a></li></ul>         </li>      </ul>    </div>

这是css样式表：

#navigation{width:1000px;height:30px;margin:0px;padding:0px;background-color:yellow;z-index:100;}ul{margin:0px;padding:0px;list-style-type:none;}.outer{width:150px;height:30px;float:left;text-align:center}a{width:150px;height:30px;line-height:30px;display:block;text-decoration:none;	}.inner{position:absolute;display:none;background-color:#0C3;}

在火狐和谷歌下显示效果不错，但是在IE下显示确实这个样子

怎么样才能把绿色的二级菜单和上面的对其

回复讨论(解决方案)

这个可以有~~~~~~~~~ 

这个可以有~~~~~~~~~ 

这个可以有~~~~~~~~~  有什么？？帮个忙呗，现在对于排版特别的脑大，浏览器支持不一样。很烦人的

给父级li添加相对定位，二级菜单ul  left='0',,,你应该多去了解定位的应用

给父级li添加相对定位，二级菜单ul  left='0',,,你应该多去了解定位的应用
嗯，谢谢啦。觉得每次排版时，浏览器支持的不一样，导致每次都很纠结的。