Background images NOT showing in IE 1

[mRko81]

heres the layout:

http://81art.com/projects/atlanticrealestate/

Both HTML and CSS validate.


Mozilla plays along nicley no problem.

IE on the other hand is not showing some background images others are fine.

example of a working image:

#menuwrapper_bottom {
	background: url(../images/layout/menu_bottom.jpg) bottom center no-repeat;
	width: 200px;
	height: 31px; 
	}

example of a similar image that is not working:

#menuwrapper { 
	width: 180px;
	height: 200px;
	margin: 0 10px;
	background: url(../images/layout/logo.jpg) top center no-repeat;
	padding: 125px 0 50px 0; 
	}

both of these examples are from:

http://81art.com/projects/atlanticrealestate/stylesheets/verticle_menu.css

If you can see something i am missing then it would be much appreciated.

 

[mbrooks]

This should fix it.

background-image: url( <add image here> );

M. Brooks

http://mbrooks.info

 

[Vragabond]

IE gets confused because the top part of the menu lies beneath the header images and breadcrumbs. I would personally rewrite the page is laid out because I mayself am confused by your way of doing things. Why not have two columns to begin with, left is navigation and right is header, breadcrumbs and content? It looks like that's how it looks.

 

[mRko81]

I have re-written the way the html
this is what i have now:

http://81art.com/projects/atlanticrealestate/

http://81art.com/projects/atlanticrealestate/stylesheets/main.css

#container {
        background-color: transparent;
	background-image: url([URL unfurl="true"]http://81art.com/projects/atlanticrealestate/images/layout/bottom_image.jpg);[/URL]
	background-repeat:  no-repeat;
	background-position: bottom;
	}

im am still missing an image. There is supposed to be a beige gradient that starts at the footer and blends to white but it is not showing in either browser. both HTML and CSS validate.

any ideas???

 

[Vragabond]

Your #container is zero size high. Make sure you put a dummy element at the bottom of the floated elements (with clear both specified) inside the container to make it extend all the way down. Then you'll probably also see the background.

 

[mRko81]

Thank you that fixed it !!!!