IE9 Bug div跳转锚点标记

Question

我在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>firma <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

我找到了解决方案，但我不开心。

我的搜索Maincontent块：

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

我maincotnent flaots任何地方我deside到处清除它必须被清除，但这doesn't帮助。

然后我试着用overflow: hidden。在我的maincontent，这是做黑客，但它如何说它隐藏溢出的元素，这就是为什么我不喜欢。