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