为什么这个CSS下拉列表在IE9中消失了

在我的网站上：如果你将鼠标悬停在“商店”菜单上，它会显示一个基于的下拉列表。我注意到在IE9中，一旦你将鼠标从word shop上移开，下拉菜单就会消失。你知道我该怎么解决这个问题吗

---

这个问题有一些更新，你可以在这个答案中看到（请通读评论）：

看起来你的按钮和IE不喜欢的菜单之间有差距。。假设您正在将鼠标从按钮上移开。。如果你快速移动忍者，你可以保持菜单的焦点

更改：

header nav #nav-site li {
margin: 0 10px 3px 0;
}

致：

---

看看这是否有帮助。。IE在计算包括页边距在内的整个方框大小时表现得很奇怪。

我没有ie9。所以不能测试但很好的网站。这个菜单在IE9标准模式下运行良好。这似乎是IE9在怪癖模式下导致的问题。我没有深入挖掘，但在quicks模式下，“shop”菜单项似乎没有悬停区域。我明白你的意思，并尝试将边距更改为局部填充，但似乎没有效果。还有其他想法吗？我想这与页眉nav.dropdown_1 Column.mainbox上的边距有关。我现在正在玩弄它，但你激发了这个想法：）我现在可以让它临时工作，但我不能让它，所以间距与页眉的底边对齐而没有问题。目前，这将是可行的，但你知道如何在解决IE中的问题时获得该间距吗？很抱歉延迟。。我出去吃午饭了。。它看起来确实像是

。下拉列表。mainbox

是罪魁祸首。。IE对下拉菜单上的边距很奇怪。。也许可以去掉边距，添加上边框（与图像旋转器大小相同，~4px）。这应该把元素对接在一起。如果不真正进入那里并进行黑客攻击，就很难看到什么可以/应该起作用。。

header nav #nav-site li {
padding: 0 10px 3px 0;
}