IE 7不顯示在全尺寸的鏈接

Question

這是我的標記：

<div class="contentSubBox"> 
    <h5>Please choose a report</h5> 
    <div class="arrowNavigation"> 
     <div class="arrowNavigationLeft"> 
      <a href="#" class="button">&lt;&lt;</a> 
      <a href="#" class="button">&lt;</a> 
     </div> 
     <div class="arrowNavigationCenter">Page 1 of 8</div> 
     <div class="arrowNavigationRight"> 
      <a href="#" class="button">&gt;</a> 
      <a href="#" class="button">&gt;&gt;</a> 
     </div> 
    </div> 
</div> 

這是與它（相關部分）而來的CSS：

div.arrowNavigation { position: relative; text-align: center; width: 200px;} 
div.arrowNavigation div.arrowNavigationLeft, div.arrowNavigation div.arrowNavigationRight { position: absolute; text-align: left; } 
div.arrowNavigation div.arrowNavigationLeft { bottom: 0; left: 0; } 
div.arrowNavigation div.arrowNavigationRight { bottom: 0; right: 0; } 
.button { background: url("http://www.pimco.com/_layouts/PIMCOdotCOM/images/backgrounds/client-access.png") top left repeat-x #EBF2EB; border: 1px solid #B3C3B7; padding: 3px 8px; } 

這個問題我我的意思是，IE 7切斷了按鈕的頂部和底部。 在Mozilla Firefox瀏覽器，它看起來像這樣，這是完全一樣，我希望它：

Internet Explorer中做到這一點：

的相對定位不負責。我試圖漂浮，它不起作用。手動設置鏈接或容器的高度或最小高度或字體大小也無濟於事。

如果我改變一個鏈接<input type="button" class="button"/> 它看起來就像這樣：

因此改變高度通過添加其他元素以某種方式工作。不過，我真的想避免這種情況。

任何想法？

謝謝！

Answer 1

嘗試給hasLayout到.button，通過增加共同zoom: 1修復。

我還沒有嘗試過，但看起來確實像是一個問題，您可以通過提供具有「佈局」的受影響元素來解決問題。

Answer 2

嘗試給div.arrowNavigation一些高度。試試26px;