CSS Layer BG Image Question

programming web dev
1

Yes, I have searched and I know this has been asked a billion times but I can’t find an answer that works for me.

I’m converting a site from using layers within the html to defining the layer styles in an external css.

For some reason, the background images for all layers are not showing up. In dreamweaver, the images show up, but when I preview in IE, the images do not.

Here is my code within the HTML:

<div id="Layer12">
	 <div align="center" class="style4 style2" id="a2">&copy;2005 Tommy Pennington </div>
<div align="center"><a href="/mls">Texas MLS Listings</a> | <a href="/mls">Search For Homes</a> | <a href="/relocation">Texas Relocation</a> | <a href="/home-buyers">Texas Home Buyers</a> | <a href="/home-sellers">Texas Home Sellers</a> | <a href="testimonials.html">Client Testimonials</a></div> 
</div>

And here is my css:


#Layer12 {
	position: absolute;
	left: 92px;
	top: 725px;
	width: 858px;
	height: 27px;
	z-index: 12;
	background-image: url(/images/newlayout_r8_c2.jpg);
	layer-background-image: url(images/newlayout_r8_c2.jpg);
	border: 1px none #000000;
}

Any suggestions? Thanks!