Just another reason why IE6 annoys me. Ever try to put a css background image on a submit button and it doesn’t show up in IE6?

I am sure that most of you, if anyone is actually reading this, know this kind of stuff, but I work for a company that uses a unique editor in its website templating system, that brings up stuff in IE6 that I have never seen before. Such as really annoying text nodes that adds 2-3 pixel margins on things, even though nothing is there.

Anyway, the only thing you have to do is:

.submit {
height: Xpx;
width: Xpx;
background-color: transparent;
/*gets rid of the white background color that
is there by default*/
background-image: url(../images/image.png);
_background-image: url(../images/image.gif);
background-repeat: no-repeat;
border: none;
text-indent: -5000px;
text-transform: uppercase;
/*don't ask, but this gets rid of the
dash in IE7 and 6*/
_display: block;
/*displays the image in IE6*/
_font-size: 0px; 
/*gets rid of the value because apparently the
text-indent doesn't do a damn thing in IE6*/
}

If that helps anyone out, let me know!

This entry was posted on Wednesday, August 12th, 2009 at 4:08 pm and is filed under CSS. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.