Background graphics not displaying in IE6 due to use of padding instead of width and height values
Key words and phrases
Microsoft Internet Explorer 6 is the DevilTags
Description
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.)
This just saved me from pulling my hair out in frustration, thank you!