Background Image not working in IE

on my page, relaxist.com/dev2, it is xhtml 1.1 valid, but in ie; the background image on the heder (relaxist) and on the icons next to login.

it works in FF though.

thanks

 

For fun try removing the <span class="hidden"><a href="#">Relaxist.com</a></span> and put a character there to see the effect.

Or try assigning a height to it:
div#header div._logo
{
width: 311px;
height: inherit;
background: url(images/headLogo.png) no-repeat top left;
margin-left: 10px;
}

 

Give ._logo {height: 50px;}. That'll get your logo showing. IE doesn't support the inherit value. I don't see off hand why the icons don't show.

I do have to wonder why they are background images, rather than foreground.

cheers,

gary

 

Your page looks really bad in Internet Explorer 6.0.

First of all - loose the transparent .PNG files or use a PNGFix (google it).
Second of all - remove the space from the .CSS file name - it causes problems.

Try those two for starters

 

wow thank you so much guys, Ill try this.

I don't want to have to mess with the pngs, will saving them as gif or jpg work better?

thanks.