Background graphics not displaying in IE6 due to use of padding instead of width and height values

Some IE6 fixes did not require browser detection

Wrong (as far as IE6 is concerned)

a#emailalerts_button {
display: block;
background: url('images/alerts.gif') 0% 0px;
padding: 135px 0px 0px 130px;
vertical-align: bottom;
}

Right (for everything as far as we can test)

a#emailalerts_button {
display: block;
background: url('images/alerts.gif') 0% 0px;
padding: 0;
width: 135px;
height: 130px;
vertical-align: bottom;
}

(In this cases, the entire a tag is to be represented by the background graphic, and the text inside the a tag was wrapped in spans set to display:none. However, for the top graphic of blocks in the right sidebar using the padding was necessary, and height didn't work. Go figure.)

Resolution