Internet Explorer下拉菜单悬停消失

Question

我已经把这个网站放在了www.endosa.com上，不幸的是办公室里的人有一台带有ie7的恐龙机器。他们在导航网站上的一个下拉菜单中遇到了一些问题。我花了几个小时试图让这件事发挥作用。

最初，它出现在下一个div的后面，但我得到了一些z-index工作。现在，当它悬停在它上面时它会正确显示，但是当我尝试将鼠标放在子菜单上时，列表会消失。

有什么想法吗？

Answer 1

尝试

nav.primary ul li{
    display: inline-block;
    float: left;
}

Answer 2

此问题也会出现在Chrome上。

这是因为您将subnav绝对定位为100％，但不是相对于它相对于标题元素的父元素。

http://pastebin.com/u07XYUvC

我修复了你的标题（至少对于桌面查询，我没有检查其他标题）所以subnav是相对于顶级'li'项目＆amp;主导航位于标题的底部。

您正在使用大量边距来定位需要绝对定位的元素。