Help w/ this css layout!

[clem_c_rock]

Hello,
I have a css layout that I'm very close to being happy about. I have it working perfectly in all platforms and browsers except IE (imagine that).

Here's an example of what I'm trying to do:

https://encounterprogram.com/lisa_site/css_test.html

Everything looks great in all browsers except the bottom right and left flowery <div> layers.

If you view the page in Firefox you can see how the page should look. In IE the two layers are pushed to the top instead of laying at the bottom of the footer.

Here's the css code for just those layers:

#div5 
{
    position:relative;
    width:116px;
	height:177px;
    z-index: 1;
    margin-top: 220px;
	background:url(BASE_IMAGES/left_footer_img.jpg);
    no-repeat;
}

#div6
{
    position:relative;
	width:116px;
	height:177px;
    z-index: 2;
	left: 642px;
    margin-top: -177px;
	background:url(BASE_IMAGES/right_footer_img.jpg);
    no-repeat;
}

Thanks for any help anyone can provide.

Clem C

[shri]

I'll muck around with the CSS in a bit and get back to you.

Famous last words -- I don't think its going to be too complicated to fix.

[clem_c_rock]

Thanks a lot, appreciate any help that comes my way!