菜单抽屉仅在IE 7中关闭

Question

我开发的这个jQuery菜单抽屉系统似乎在IE 7以外的所有浏览器中运行得相当好。我不关心IE 6，因为这个新问题我认真考虑不支持IE 7。

IE 7的问题是抽屉正在关闭，而鼠标仍在里面抽屉里。

抽屉＃1的HTML / CSS与我的实际网站完全相同。您可以将鼠标放在抽屉内除了 与内容区域相交之外的任何位置。一旦您的鼠标在抽屉覆盖或与内容区域相交的区域内偏离，它就会砰地关上。

抽屉＃2的HTML / CSS比实际网站更通用，您可以看到抽屉几乎立即关闭。因此，这个问题在某种程度上也与抽屉中的HTML / CSS内容有关，但我一直无法缩小它。

我不明白为什么会发生这种情况或如何解决这个问题。更令人奇怪的是，仅基于HTML / CSS内容，抽屉＃1和＃2之间的问题似乎有所不同。

我昨晚花了很多时间玩z-index，但现在很明显这与它没有任何关系，因为抽屉始终保持在内容之上。

请原谅丑陋的颜色和轮廓......这只是为了演示目的。

Full-screen jsFiddle Demo

jsFiddle Code

要查看我想要的行为，只需在IE 7以外的任何现代浏览器中打开jsFiddle。

我很想知道是否有人可以解释或识别哪个IE 7错误导致了这个奇怪的问题，以及是否有一个简单的（仅限HTML / CSS）解决方案。我不想过多地修改jQuery，因为这最终在其他浏览器中完美运行。

Answer 1

请参阅： http://jsfiddle.net/thirtydot/PayFw/190/（或/show）

添加此修复程序：

.menuContent {
    zoom: 1
}

另一个与hasLayout相关的IE7问题。