HTML/CSS - Background Image Won't Show Up In Div Tag?

M

Matt B

New member
I am trying to get the website banner to have a CSS rollover effect, but the backgroudn image won't even show up.

HTML:

<div id="banner">
<!-- This is a transparent GIF that links to the page -->
<a href="index.htm"><img src="assets/blank.gif" /></a>
</div>

CSS:

#banner {
background-image: url("assets/original_banner.jpg") 0 0 no-repeat;
display: block;
float: left;
/* Image Dimensions */
width: 600px;
height: 200px;
}
#banner:hover {
background-image: url("assets/rollover_banner.jpg") 0 0 no-repeat;
}

Thanks So Much!
 
Back
Top