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

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

Answer 1

我以前遇到过这个。

只需将overflow: visible应用于按钮即可解决问题。

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

请参阅：

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