下拉菜单不断消失＆amp;在IE7中由pic覆盖的菜单项

Question

此问题仅影响IE7。悬停效果有效但当我尝试将鼠标悬停在子菜单项上时，菜单突然消失！只是，它被标题div中的图像所覆盖。我已经尝试过z-index并删除其他内容，但没有任何作用。

网站：http://bit.ly/9ZFJk5

CSS

#menu-container{
    background: url(../images/menu-bg.png) repeat-x;
    height: 75px;
}

#menu{
    width: 960px;
    margin: 0px auto;
    height: 75px;
    border-left: 1px dashed #2a3f37;
}

#menu ul{

}

#menu ul li{
    float: left;
    line-height: 75px;
}

#menu a, #menu h2{
    display: block;
}

#menu a{
    text-decoration: none;
}

#menu a:hover{
    color: #A00;
    background: #fff;
}

#menu li{
    position: relative;
    z-index:2px !important;
}

#menu ul li a {        /*stle for IE7*/
    height: 1%;
} 

#menu ul ul{
    position: absolute;
    top: 75px;
    left:0px;
    background: #000;
    z-index:2px !important;
}

#menu ul li ul li a{
    width: 175px;
    height: 35px;
    line-height: 35px;
}

#menu ul ul ul{
    position: absolute;
    top: 0;
    left: 100%;
}

div#menu ul li ul li{
    margin:0px;
} 

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{
    display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
    display: block;
    z-index: 2;
}

HTML


Home Hearing

• How You Hear
• Hearing Test
• Hearing Loss
• Online Hearing Test

Hearing Aids Tinnitus Patients About Us

• About Us
• Top Ten Reasons
• Our Staff
• Our Location
• Patient Forms

Contact Us

Answer 1

哦IEh或IE7 <{1}}（和许多其他人）未被处理这样的规则。

IE浏览器，直到IE8仅管理链接元素的div#menu ul li:hover ul ul规则。

检查此tutorial，详细说明问题和解决方案。

祝你好运！