IE Compatibility issues with div tag and bg image

[davidneekmaster]

Hi all,
I was wondering if I could get some help. I'm working on a fairly simple layout and having some cross compatibility issues. I have a background image that i am using that I need to mesh seamlessly with a tile i have in a div tag. Below is some of the code. It shows up fine in mozilla and safari but in IE the background image within the div is pushed down. What do i do to get it aligned properly.

body 
{ background: white url(images/body-bg.png) repeat-x scroll center top;
 color:#000000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 62.5%;
 }

#underbar 
{ background: white url(images/underbar.png) repeat-x scroll center top;
 width: 100%;
 height: 24px;
}

<div id="underbar"></div>

[edited by: encyclo at 7:26 pm (utc) on Mar. 7, 2009]
[edit reason] no links to personal sites please, see posting guidelines [/edit]

[birdbrain]

Hi there davidneekmaster,

and a warm welcome to these forums. ;)

Change this...

[blue]
<img src="images/header.gif" alt="Athletes Advantage High School Combine" width="438" height="150"/>[/blue]

...to this...

[blue]
<img id="header" src="images/header.gif" alt="Athletes Advantage High School Combine"/>[/blue]

...and add this to your stylesheet...

[blue]
#header {
 width:438px;
 height:150px;
 display:block;
 }[/blue]

birdbrain