IE7中的CSS菜单存在奇怪的可见性问题

Question

我有一个仅限CSS的菜单（即没有JS）在所有现代浏览器中都很好用，但在IE7中有一个奇怪的错误。它在IE6中根本不能正常工作，但我们不需要在这里解决这个问题。问题如下：

将鼠标悬停在菜单选项标签上时，会显示下拉列表。当您将该选项鼠标移开时，下拉列表将消失 - 仅在IE7中，该选项卡也会消失！得到我的一点就是这个 - 如果你再次将鼠标悬停在它上面，或者你将鼠标悬停在任何其他标签上，标签将重新出现。这怎么可能？！鼠标悬停在另一个元素上，使原始标签可见agin？令人讨厌的是，它在本网站的最后一个版本中起作用，并且在新设计中，它已经被打破了。我已经尝试过比较，但无法弄清楚它是什么。

这是当前破碎版本的小提琴：http://jsfiddle.net/pXZLJ/1/

这是旧工作的一个：http://jsfiddle.net/43utK/

在IE7中查看这些以查看问题。救命？谢谢:)）

Answer 1

尝试在css中删除此行：.nrmenu * {position:relative}。它似乎解决了问题。

编辑：正如sarcastyx指出的那样，它确实会影响下拉菜单。因此，将position:relative添加到.nrmenu li并再次显示下拉菜单。