html - IE9 Bug div 在悬停 anchor 标记时跳转

Question

我在 IE9 浏览器中的页脚 block 有问题，当我将鼠标悬停在 a-Tag 上时，它会跳转一次。

我的页脚和 anchor CSS:

footer {
    margin: 0 0 0 210px; /* 210 */
    padding: 35px 0 100px 0;
    border-top: 4px solid #E7E7E7;
    background: url(img/color-code.gif) 0 90px no-repeat;
    width: 710px;
}
footer a:focus,
footer a:hover {
    background: url(img/dash_hover.gif) 0 100% repeat-x;
    text-decoration: none;
}

它使用 HTML5，但在 div 上也会导致同样的问题并向下跳转 4px。

<footer>
    <p>firm <span>street</span> <span>where</span>   <span>tel:</span> <span><a href="#" target="_blank">mailto</a></span> <span><a href="/impressum" hreflang="de">impressum</a></span>
    </p>
</footer>

Answer 1

我找到了解决方案，但我对此并不满意。

我的主要内容 block :

<div id="header"></div>
<div id="maincontent"></div>
<div id="footer"></div>

我的 maincotnent 在我想在任何必须清除的地方清除它，但这没有帮助。

然后我尝试使用overflow: hidden。在我的 maincontent 上，这可以解决问题，但它说它隐藏了溢出的元素，这就是我不喜欢的原因。