IE中菜单的css问题

Question

以下页面有一个带有孩子的顶级菜单。

http://www.businesseventsydney.com.au/about-us/

在IE9中，如果您慢慢地将鼠标放入孩子，则子菜单会突然消失。就好像它碰到一个像素的空间或某物，这会导致菜单崩溃。您需要快速进入子菜单以避免发生此崩溃。 有人能发现可能导致这种情况的原因吗？

Answer 1

请试试这个：

将填充底部从14px更改为17px

#top-nav li a
{
    padding-bottom:17px;
}

Answer 2

更改＃top-nav li ul可能会有所帮助

#top-nav li ul { 
 position : absolute;
 margin : 33px 0 0px 0;
 padding : 0 ;
 width : 184px;
 clear : both;
 font-size: 0.8em;
 z-index : -1;
 left: -999em;
 text-align: left;
 border-bottom: none !important;
}