IE not rendering background CSS image

programming web dev
1

Hello All.

Wondering if anyone can help me on this one.

I’ve recently been developing a small band website for some friends of mine, and almost at the end of development, I’ve hit a snag.

Everything looks fine in Firefox (or at least how I want it to look; I’m not a professional designer :lol: ) but just out of curiosity I decided to check it in IE 7. I know I should have probably done this a long time ago but hey, I was on a roll.

Anyway, the header background image is refusing to display at all in IE

Here’s what I mean: http://perceivedasequals.com/index.php

Now the main background image works fine, but the background for the header doesn’t seem to display!

Here’s the CSS I used.



body {
    
    font-family:Arial, Verdana, sans-serif; 
    font-size:0.8em; 
    color:#999999; 
    font-weight:normal; 
    margin:0; 
    padding:0; 
    background:#000000 url(images/bg.jpg) repeat-x center top; 
    }

.header {
    color: #999999;
    width:750px;
    height:150px;
    background:#627283 url(images/headerbg.jpg)no-repeat left;
     
    }

Now that’s w3c valid CSS, but I don’t understand why my background image won’t display. It looks awful!

Any suggestions?

PS Anyone know where I can find a decent colorscheme?