IE9 Bug div 在悬停锚标记时跳跃答案

【问题标题】：IE9 Bug div hops on hover an anchor tagIE9 Bug div 在悬停锚标记时跳跃
【发布时间】：2011-11-22 15:32:57
【问题描述】：

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

我的页脚和锚 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>

【问题讨论】：

标签： html css internet-explorer-9 block

【解决方案1】：

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

我的主要内容块：

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

我的maincotnent 在我想要清除它的任何地方都可以清除，但这并没有帮助。

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

【讨论】：