IE下拉菜单不起作用

Question

我有一个带有 css 下拉菜单的网站，它在 chrome 和 firefox 上运行良好，但在 IE 中下拉菜单不显示....几乎就像它根本不存在一样...

我曾多次尝试从其他网站复制一些代码或菜单，这些网站可以在 IE 中运行，但没有成功。

这是 html...

<ul id="menu">
<li><a href="http://www.manor.co.za">INTRO |</a></li>
<li><a href="guesthouse/index.php">HOME |</a></li>
<li><a href="guesthouse/accommodation/index.php">ACCOMMODATION & RATES |</a></li>
<li><a href="guesthouse/information/index.php">INFO |</a></li>
<li><a href="guesthouse/activities/index.php">ACTIVITIES |</a>
<ul class="sub-menu">
    <li><a href="guesthouse/groute/index.php">GARDEN ROUTE ACTIVITIES</a></li>
</ul>
</li>
<li><a href="guesthouse/golf/index.php">GOLF |</a></li>
<li><a href="guesthouse/news/index.php">NEWS |</a></li>
<li><a href="guesthouse/contact/index.php">CONTACT US |</a></li>
<li><a href="guesthouse/directions/index.php">DIRECTIONS |</a></li>
<li><a href="guesthouse/gallery/index.php">GALLERY</a></li>
</ul>

CSS

/*Initialize*/
ul#menu, ul#menu ul.sub-menu {
padding:0px 0 0px 0;
margin: 0px;
/*background-color:#9A844C;*/
}
ul#menu li, ul#menu ul.sub-menu li {
list-style-type: none;
display: inline-block;
display:inline;

}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
text-decoration: none;
color: #573A2F;
padding: 0px;
display:inline-block;
font-size:10px;
}
ul#menu li a:hover {
text-decoration: none;
color: #000;
padding: 0px;
display:inline-block;
}
/*Make the parent of sub-menu relative*/
ul#menu li {
position: relative;
padding-bottom:5px;
z-index:100001;
}
/*sub menu*/
ul#menu li ul.sub-menu {
display:none;
position: absolute;
top: 20px;
left: 0;
width: 200px;
background-color:#E2D9C6;
z-index:100001;
}
ul#menu li:hover ul.sub-menu {
display:block;
z-index:100001;
}
ul#menu li ul.sub-menu:hover {
display:block;
color: #573A2F;
z-index:100001;
}

任何帮助将不胜感激...

Answer 1

我已经检查了您的代码，它在我的系统中运行。我已经检查了 IE7、8 和 9。

另一个建议只是在css下面更改并再次检查：

我刚刚从“ul#menu li ul.sub-menu:hover”更改为“ul#menu li:hover ul.sub-menu”

ul#menu li:hover ul.sub-menu {
display:block;
color: #573A2F;
z-index:100001;
}

Answer 2

正如其他人所说，您的代码适用于 IE7、IE8 和 IE9。

如果问题真的是 IE6，我不会解决你当前的问题，因为下面一行：

不值得

我并不是说你的工作不值得，而是没有人应该为 IE6 开发。这是一个有 10 年历史的浏览器，应该尽快进入休眠状态。这不仅是我的意见，还有微软的意见！请参阅HERE 并注意页脚处的 Microsoft 版权。

另外，请参阅HERE 了解浏览器使用统计信息：IE6 仅被 0.6% 的互联网用户使用。你的时间值得吗？