header only display correctly in firefox?

for whatever reason the header image i have added to the template im using only shows up in firefox?

using wordpress
the div im trying to show is “himage”

header.php code

<div id="header">
<a href="<?php bloginfo('url')?>" id="logo"><?php if ($dc_logo=='') bloginfo('name'); else {?><img src="<?php echo $dc_logo; ?>" height="90" /><?php } ?></a>
<p id="description"><?php bloginfo('description'); ?></p>
</div>
<div id="himage">

</div>

style.css code

/* H-IMAGE */
#himage { display:block; background:#666 url(images/himage.png)no-repeat; width:779px; height:200px; margin: 0px 0px 15px; border-bottom:1px dotted #582b23;}

any suggestions?