IE7 CSS Hover问题

Question

我创建了两个菜单，一个水平下拉菜单和一个垂直菜单，这些菜单在IE8，Chrome和Firefox中运行良好，但我在IE7中遇到了一个奇怪的问题。

你可以在这里查看一个jsfiddle： http ： //jsfiddle.net/5y7vt/3/

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

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

有人能够看到并发现为什么会这样吗？

答：删除位置：相对; 来自#nav ul li {}修复了下拉列表问题

Answer 1

删除position: relative; 来自#nav ul li {}修复了下拉列表问题