IE6双填充bug

Question

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

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

我还添加了一些填充到嵌套在<span class="enter">内的.awards_square_enter，padding: 45px 0 0 30px;这个填充似乎在IE6中加倍，并且盒子的高度增加到220px以上。 / p>

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

因此，通过条件注释为ie6应用单独的样式。改变你为两者设置的填充，直到它们与你想要的相同，只在那样的样式中才能进入ie6