Internet Explorer下拉菜单悬停消失[关闭]

Question

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

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

有什么想法吗？

Answer 1

试试

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

Answer 2

这个问题也出现在 chrome 上。

这是因为您将子导航绝对 100% 定位，但不是相对于父元素，而是相对于您的标题元素。

http://pastebin.com/u07XYUvC

我修复了您的标题（至少对于桌面查询，我没有检查其他标题），因此子导航相对于顶级“li”项目，主导航位于标题的底部。

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