Css IE6双填充错误

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

其目的是每个彩色框形成一个220像素乘220像素的正方形，如下面的JSFIDLE所示。属性

高度：100px和
填充：20px 0 100px 20px.awards\u square\u enter
中，给盒子一个220px的高度

我还为嵌套在
中的
添加了一些填充这个填充在IE6中似乎翻了一番，并且将盒子的高度增加到了220px以上


以下是它在IE6中的显示方式，超出了220px的高度：

因此，通过条件注释为ie6应用单独的样式。更改您为这两种设置的填充，直到它们与您想要的相同，在只适用于ie6的样式中
您是否尝试过消除双重填充错误的任何传统方法。还应注意，旧IE版本的盒子模型实现不正确（行为类似于
盒子大小：边框盒子
）。
.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;
}