IE7 CSS 填充问题 - 无法弄清楚

试图解决一个相当烦人的 IE7 CSS 问题。由于下面页面上的一些奇怪原因，它的填充看起来比正常情况大得多。我应用的任何属性似乎都无法解决该问题，而且我无法弄清楚为什么会发生这种情况。您可以在按钮上看到问题（罪魁祸首）：

例子：http://www.matthewruddy.com/demo/?page_id=1088 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/Grsxh97H

以及网页来源：http://pastebin.com/rW33Nh0D http://pastebin.com/rW33Nh0D

感谢任何能够阐明这个问题的人，马修。

我以前就遇到过这个。

只需申请overflow: visible到你的按钮就会修复它。

我会尝试找到一个参考链接。

See:

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