IE7的CSS填充問題 - 不知道

Question

試圖找出一個相當惱人的IE7 CSS問題。出於某種奇怪的原因，在下面的頁面中，它的填充看起來比正常要大得多。我申請的任何財產似乎解決了這個問題，我無法弄清楚它爲什麼會發生。你可以在這裏看到按鈕上的問題（主犯）：

例子：http://www.matthewruddy.com/demo/?page_id=1088

這裏正在應用的CSS：

 
.button { 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
    cursor: pointer; 
    margin: 0; 
    padding: 0; 
    display: inline-block; 
    white-space: nowrap; 
} 

.button span { 
    margin: 0; 
    padding: 8px 12px; 
    display: inline-block; 
    white-space: nowrap; 
} 

你可以在這裏看到整個CSS：http://pastebin.com/Grsxh97H

而網頁的來源：http://pastebin.com/rW33Nh0D

感謝任何人可以揭示一下iss呃，馬修。

Answer 1

我以前遇到過這個。

只需將overflow: visible應用於您的按鈕即可修復它。

我會盡力找到一個參考鏈接。

參見：

http://jehiah.cz/a/button-width-in-ie