# IE not rendering background CSS image

**URL:** <https://forum.kirupa.com/t/ie-not-rendering-background-css-image/243421>\
**Category:** web dev\
**Created:** [November 6, 2007, 9:36pm UTC](https://forum.kirupa.com/t/ie-not-rendering-background-css-image/243421 "2007-11-06T21:36:49Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![boswell255](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/boswell255/32/1473_2.png) [@boswell255](https://forum.kirupa.com/u/boswell255)\
**Post date:** [November 6, 2007, 9:36pm UTC](https://forum.kirupa.com/t/ie-not-rendering-background-css-image/243421/1 "2007-11-06T21:36:49Z")

</div>

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](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.

```auto

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?