Html 下拉菜单在IE中不工作

Html 下拉菜单在IE中不工作,html,css,internet-explorer,drop-down-menu,aspdotnetstorefront,Html,Css,Internet Explorer,Drop Down Menu,Aspdotnetstorefront,我设计了一份菜单。它在Firefox和Chrome中运行良好,但在IE中不起作用 我在这里设置代码。有人能给我指引正确的方向吗 #水平导航 { 文本对齐:左对齐; 宽度:908px; 保证金:0; 清除:左; /*线高:35px; 高度:35px*/ /*背景:#699EDC url(images/nav bg.gif)重复; 边框顶部:实心1px#888; 边框底部:实心1px#888*/ 位置:相对位置; z指数:1; } #梅努巴 ,menubar ul{ 列表样式:无; 保证金:0;

我设计了一份菜单。它在Firefox和Chrome中运行良好,但在IE中不起作用

我在这里设置代码。有人能给我指引正确的方向吗

#水平导航
{
文本对齐:左对齐;
宽度:908px;
保证金:0;
清除:左;
/*线高:35px;
高度:35px*/
/*背景:#699EDC url(images/nav bg.gif)重复;
边框顶部:实心1px#888;
边框底部:实心1px#888*/
位置:相对位置;
z指数:1;
}
#梅努巴
,menubar ul{
列表样式:无;
保证金:0;
填充:0;
浮动:左;
}
#梅努巴
李{
浮动:左;
位置:相对位置;
右边距:5px;
z指数:200;
}
#梅努巴
李迪夫{
利润上限:26px;
显示:无;
位置:绝对位置;
填充物:5px10px;
背景色:#fff;
边框:1px实心#d7d7;
文本对齐:左对齐;
宽度:150px;
z指数:100;
盒影:3px 3px 6px#b5;
-莫兹盒阴影:3px 3px 6px#b5;
-网络工具包盒阴影:3px 3px 6px#b5;
}
#梅努巴
李:悬停师{
显示:块;
}
#梅努巴
a、 大:链接,
#梅努巴
a、 大:参观了,
#梅努巴
a、 大:悬停,
#梅努巴
a、 大:活跃{
字体大小:11px;
颜色:#666;
文本转换:大写;
文字装饰:无;
字母间距:1px;
}
#梅努巴
李:盘旋一个大的,
#梅努巴
a、 大:悬停{
颜色:#000;
}
#梅努巴
a、 小:link,,
#梅努巴
a、 小:参观,,
#梅努巴
a、 小:悬停,
#梅努巴
a、 小型:活动{
字体大小:11px;
颜色:#666;
文字装饰:无;
}
#梅努巴
a、 小:悬停{
颜色:#000;
}
#梅努巴
跨度
{
浮动:左;
显示:块;
高度:25px;
线高:24px;
填充:0px 10px;
位置:相对位置;
边框:1px实心#fff;
边框底部:0px无;
}
#梅努巴
李:悬停,继续{
边框:1px实心#d7d7;
边框底部:1px实心#fff;
z指数:200;
}
#梅努巴
li.empty:悬停,继续{
边框:1px实心#d7d7;
}
#梅努巴
span.cont.home,
#梅努巴
李:停下来,继续回家,
#梅努巴
李。空:悬停。继续主页
{
边框:1px实心#fff;
左侧填充:0px;
}
#梅努巴
李:悬停a组,
#梅努巴
李黛丽a{
字体大小:11px;
字体大小:正常;
颜色:#666666;
字母间距:正常;
}
#梅努巴
大人物:悬停{
颜色:#000;
}
#梅努巴
李黛丽a{
字体大小:11px;
颜色:#7a7a;
}
#梅努巴
李迪乌利{
浮动:无;
}
#梅努巴
李迪沃{
浮动:无;
宽度:160px;
浮动:左;
/*左边框:#中交1px实心;
填充:0px 0px 0px 10px;
边缘顶部:12px;
边缘底部:25px*/
}
#梅努巴
李迪沃{
左边界:无;
左侧填充:0px;
}
阿特克利尔分区
{
清楚:没有!重要;
}
#梅努巴
.运输署署长{
左边框:#中交1px实心;
填充:0px 0px 0px 10px;
}
#梅努巴
.总分区{
填充顶部:12px;
垫底:25px;
}
a、 menulink:链接
,
a、 梅努林克:访问
,
a、 menulink:活动
{
颜色:#adadad;
文字装饰:无;
}
a、 梅努林克:悬停
{
颜色:#adadad;
文字装饰:下划线;
}
span.注册表格
,
a、 报名表
{
颜色:#adadad;
线高:22px;
垫底:3件;
右边填充:26px;
背景:url(images/mail.png)不重复右上方;
边界:无;
}
梅努塞普先生
{
填充:0px 10px;
颜色:#ccc;
字体大小:14px;
}





    • #menubar li:hover div {
          display: block;
      }
      
      <style>
      #nav li ul {
          display:none;
      }
      #nav li:hover ul {
          display:block;
      }
      #nav li a:hover {
          display:block; /* just do something for 'a:hover' or 'a:hover ul' useless */
      }
      #nav li a:hover ul {
          display:block;
      }
      </style>
      </head><body class="english">
      
      <ul id=nav>
          <li> <a href="#">a 
              <!--[if IE 7]><!-->
                       </a>
                      <!--<![endif]--> 
              <!--[if lte IE 6]> <table><tr><td> <![endif]-->
              <ul>
                  <li><a href="#">aa1</a></li>
                  <li><a href="#">aa2</a></li>
              </ul>
              <!--[if lte IE 6]></td></tr></table></a><![endif]--> 
          </li>
      </ul>