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，這是做黑客，但它如何說它隱藏溢出的元素，這就是爲什麼我不喜歡。