CMS Made Simple Forums

I am having problems with my header image...In firefox it looks right, but in IE the background color displays under the image.  How do I make the header display the same in both?

http://c3isolutions.com/dev/

I am using
Left simple navigation + 1 column template.
Layout: Left sidebar + 1 column

The header image I am using is 800px x 150px so I changed the Layout: Left sidebar + 1 column style sheet to:

/* center wrapper, min max width */
div#pagewrapper {
   border: 1px solid black;
   margin: 0 auto;       /* this centers wrapper */
   width: 800px;
   background-color: #fff;;
   color: black;
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
   height: 150px;    /* adjust according your image size */
   background: #385C72;     
}

div#header h1 a {
/* you can set your own image here */
   background: #385C72 url(uploads/images/mainBanner.jpg) no-repeat 0 0px;
   display: block;
   height: 150px;             /* adjust according your image size */
   text-indent: -999em;    /* this hides the text */
   text-decoration:none;   /* old firefox would have shown underline for the link, this explicitly hides it */
}

Thanks,
Kenny

I see no diff. in this site from a default install other than the addition of a new page, have you given up on making the changes?