jquery - IE、firefox 中的下拉多级悬停问题

Question

我已经将 superfish 用于 dropmenu，但在 IE 8,9 和 Firefox 中呈现时出现问题，它在 safari 和 chrome 上工作正常，在悬停产品时， anchor 文本向上移动，我花了几个小时通过修改css 没有成功，任何人都可以帮助我，我在哪里弄错了，下面是网站:

test-website悬停效果可以在产品子列表中找到。

.sf-menu li a
{
    float: none;
    border: none;
    margin: 0;
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 11px;    

    height: 23px;

    font-weight: bold;

}

.sf-menu li a:hover
{
    display: inline-block;
    height: 0px !Important;
    text-decoration: none;
    font-weight: bold;
    line-height: 20px;
    padding: 0px 0px 0px 20px ;
    float: left;


}

问候

Answer 1

将line-height: 20px;改为line-height: 24px;

.sf-menu li a:hover {
    display: inline-block;
    float: left;
    font-weight: bold;
    height: 0 !important;
    line-height: 24px;
    padding: 0 0 0 20px;
    text-decoration: none;
}

编辑。定位嵌套的 li

.sf-menu ul li ul li a:hover {
       padding: 0 0 0 20px;
       line-height: 20px;
}

您可能需要使用这些值。