Css ul li菜单下拉菜单未在ie中显示

Css ul li菜单下拉菜单未在ie中显示,css,internet-explorer,Css,Internet Explorer,我正在为我的网站使用ul li菜单下拉菜单。。它在ifrefox和chrome中正确显示。但在IE中它没有显示。。。 我的代码像 <style type="text/css"> .nav { width:1000px; } .nav ul { } .nav ul li { list-style: none;} ul.dropdown { position:relative; width:auto; font:12px Arial, Helvetica, sans-serif; }

我正在为我的网站使用ul li菜单下拉菜单。。它在ifrefox和chrome中正确显示。但在IE中它没有显示。。。 我的代码像

<style type="text/css"> .nav { width:1000px; } .nav ul { }
.nav ul li  { list-style: none;}
ul.dropdown { position:relative; width:auto; font:12px Arial, Helvetica, sans-serif; }
ul.dropdown li { float:left; zoom:1; height:30px; padding:6px 2px 0 2px; border-right:1px solid #bacfe4; }
ul.dropdown li li { border-right:1px solid #ccc; border-left:1px solid #ccc;  margin-left:9px;}
ul.dropdown a:hover { color:#000; } ul.dropdown a:active { color:#ffa500; }
ul.dropdown li a { display:block; padding:4px 8px; color:#000; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; }
ul.dropdown li:last-child a { border-right:none;}
ul.dropdown li:hover { color:#000; position:relative; }
ul.dropdown li.hover a { color:#000; }
ul.dropdown ul { text-align:left; visibility: hidden; position: absolute; left:-10px; top:36px; }
ul.dropdown ul li { border-bottom:1px solid #ccc; float:none; width:120px; height:25px; }
ul.dropdown ul li a { border-right:none; width:100%; display:inline-block; color:#000; }
ul.dropdown ul ul { left:100%; top:0; }
ul.dropdown li:hover > ul { visibility:visible; }

</style>

<script type="text/javascript">

</script>
<div class="nav">

<ul class='dropdown'>
<li><a href=''>one</a></li>
<li><a href=''>two</a></li>
<li> <a href=''> three </a>
<ul class='sub_menu'>
<li><a href=''>one3</a></li>
<li><a href=''>two3</a></li>
</ul>
</li>
</ul>
</div>
.nav{width:1000px;}.nav-ul{}
.nav ul li{列表样式:无;}
ul.dropdown{位置:相对;宽度:自动;字体:12px Arial,Helvetica,无衬线;}
ul.dropdownli{float:left;zoom:1;height:30px;padding:6px 2px 0 2px;border right:1px solid 35; bacfe4;}
下拉列表li li{右边框:1px实心#ccc;左边框:1px实心#ccc;左边框:9px;}
下拉菜单a:悬停{color:#000;}ul.下拉菜单a:活动{color:#ffa500;}
ul.dropdownli a{显示:块;填充:4px 8px;颜色:#000;文本装饰:无;字体:粗体12px Arial,Helvetica,无衬线;}
李:最后一个孩子{右边界:无;}
ul.dropdownli:hover{color:#000;position:relative;}
ul.dropdown li.hover a{color:#000;}
ul.dropdown ul{文本对齐:左;可见性:隐藏;位置:绝对;左:-10px;顶部:36px;}
ul.dropdown ul li{边框底部:1px实心#ccc;浮动:无;宽度:120px;高度:25px;}
ul.dropdown ul li a{右边框:无;宽度:100%;显示:内联块;颜色:#000;}
下拉菜单ul{左:100%;上:0;}
ul.dropdown li:hover>ul{可见性:可见;}


我在实际页面中包含了两次jquery.js文件


这就是它没有显示的原因。

我想您没有指定DOCTYPE。你指定了吗??如果没有,请指定它不使用.nav使用.nav,因为nav是html 5的标记,当我将.nav更改为.nav时,它不会显示。。。我还包括了DOCTYPE。。什么都不管用。。。。