css - IE7 CSS 悬停问题

Question

我创建了两个菜单，一个水平下拉菜单和一个垂直菜单，它们在 IE8、Chrome 和 Firefox 中都可以正常工作，但我在 IE7 中遇到了一个奇怪的问题。

您可以在此处查看 jsfiddle:http://jsfiddle.net/5y7vt/3/

在 IE7 的水平菜单上，将鼠标悬停在链接 2 上，下拉菜单会出现，但是当您向下移动下拉菜单时，它会在下面的垂直导航上方消失。

此外，下 zipper 接仅在文本上方悬停，而不是 block 的其余部分。

是否有人能够查看并了解为什么会发生这种情况？

答案: 移除position:relative；来自 #nav ul li {} 修复了下拉问题

Answer 1

从 #nav ul li {} 中删除 position: relative; 修复了下拉问题