我用 HTML 和 CSS 创建了一个适用于所有主要浏览器（Chrome、Firefox、IE8+ 和 Safari）的菜单。你可以在这里找到它：http://www.calvaryccm.com/MenuTest.aspx
问题出现在 IE 7 中。
我有一个悬停菜单，使用一些 JS 来实现效果。当我尝试在 IE7 中渲染它时，会发生这种情况：
我需要一些帮助来确定如何将菜单放置在文本下方。感谢您的帮助！
【问题讨论】：
标签： css internet-explorer internet-explorer-7 rendering
我不确定您是要在下面的选择器中使用.block 还是.nav。我选择了.block，因为我可以看到它被应用于元素。
.block ul，删除overflow: hidden。.block li 上，添加position: relative。.block ul.nav ul 上，添加left: 0。您现在拥有infamous IE6/7 z-index problem:
.block ul 上添加 position: relative; z-index: 3。z-index: 3 比#player-area 上的z-index 高一。【讨论】：
此外，您不需要像之前那样使用 javascript 添加“悬停”类。只需在 CSS 中使用 :hover 伪选择器即可：
ul.nav > li:hover
【讨论】：