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

Question

我有一个仅CSS的菜单（即，没有JS），在所有现代浏览器中都很好用，但是在IE7中有一个奇怪的错误。 它根本无法在IE6中正常运行，但我们无需在此解决。 问题如下：

将鼠标悬停在菜单选项选项卡上时，将显示下拉列表。 当您将鼠标悬停在该选项上时，下拉列表消失-仅在IE7中，该选项卡也消失！ 让我感到困惑的是-如果再次将鼠标悬停在该选项卡上，或者将鼠标悬停在任何其他选项卡上，则该选项卡将重新出现。 这怎么可能？ 将鼠标悬停在另一个元素上，可使原始选项卡重新可见？ 令人讨厌的是，它在本网站的最后一个版本中起作用，而在新设计中，它以某种方式被破坏了。 我已尝试比较，但无法弄清楚它是什么。

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

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

在IE7中查看这些内容以查看问题。 救命？ 谢谢 ：）

Answer 1

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

编辑：正如sarcastyx所指出的，它似乎确实会影响下拉菜单。 因此，添加position:relative对于.nrmenu li position:relative ， .nrmenu li再次出现下拉菜单。