IE6双填充错误

Question

我创建了一些在其他浏览器中可以正常显示的彩色框，但是 IE6 无法正确显示它们。在任何人询问或讽刺我为什么要费心支持 IE6 之前，这不是我的决定，而是我的经理。

目的是每个彩色框形成一个 220 x 220 像素的正方形，如下面的 jsFiddle 所示。 .awards_square_enter 类中的属性 height:100px; 和 padding: 20px 0 100px 20px; 将框的高度设为 220 像素。

我还为嵌套在.awards_square_enter 内的<span class="enter"> 添加了一些内边距，即padding: 45px 0 0 30px; 这个内边距在 IE6 中似乎翻了一番，并将框的高度增加到超过 220 像素。

http://jsfiddle.net/kFRrM/

.awards_square_enter a {
    background-image: url("../images/icons/right_arrow.png");  
    background-repeat: no-repeat;
    background-position: 11% 85%; 
    display:block; 
    font-size: 30px;
    height:100px; 
    line-height: 1.1em;
    height:100px;  
    padding: 20px 0 100px 20px;
}

这是它在 IE6 中超出 220px 高度的显示方式：

Answer 1

所以通过条件 cmets 为 ie6 应用单独的样式。更改您为两者设置的填充，直到它们等于您想要的样式，样式仅适用于 ie6