IE7 CSS Fly-out菜单很奇怪

Question

我被要求为预先存在的网站设计一个飞出菜单，它在除IE7之外的所有浏览器上看起来都很好。出于某种原因，不同版本的IE7表现不同。在过去的两天里我一直在和这个进行斗争，经过IE v7.0.5730.11 的测试后，菜单看起来不错，位置正确，但有一些奇怪的消失行为。拥有其他次要版本IE7的用户报告了与定位和渲染不一致的问题。

您是否善意的人能够帮助我检测来自此网站的有问题的CSS / HTML？

Answer 1

我想我会回答我自己的问题。我在菜单中面临的主要问题是<li>元素在IE7中没有布局（ hasLayout = false ），所以在this site的帮助下，我有了使用：

ul#mainmenu li ul li,
ul#mainmenu li ul li span {
    display: block;
    max-width: 100%; 
}

给这些项目布局。这在列表项之间创建了1px的差距。当鼠标悬停在这个1px的间隙上时，菜单会消失，所以我通过使用以下css来解决这个问题：

ul#mainmenu li ul li {
    margin-bottom: -1px;
}

希望这有助于某人。