IE7 CSS飞出菜单怪异

<li> 元素没有布局( )在IE7中,在 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;
}

希望这对别人有帮助。