为什么IE7不识别锚标签上的css填充样式？

Question

我的网站在Firefox，Safari，Chrome和Opera中运行良好，但出于某种原因，IE7无法识别任何锚标记上的css填充。我无法弄清楚这一点。在IE7中，如果您查看主页http://revolvermag.com上显示“exclusives | popular | recent comments”的标签，您会看到没有应用填充。

我已经解决了填充没有应用于网站上其他地方的锚标签，但这里看起来特别糟糕。有人知道CSS修复此问题吗？

Answer 1

a { display: inline-block }可能会起作用，同时保持内联级别意味着它不会破坏页面。不能试试，我没有IE7。在IE8 inline中，它可以正常工作。

Answer 2

您不能在非块元素上填充。如果你给他们一点CSS爱：

a { display: block; }

然后他们会尊重填充。

Answer 3

将显示块添加到a，使其具有高度

.tabNavigation li a {
   display:block
}

然后你需要将标签向上移动7px以便它们就位于线上。

.tabs .tabNavigation {
   float:left;
   list-style:none outside none;
   margin:-31px 0 0 -1px;
}