IE not rendering background CSS image

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:

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; 
    background:#000000 url(images/bg.jpg) repeat-x center top; 

.header {
    color: #999999;
    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?