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