[SquishyB]

hey all,
i have a slight problem with background images for <divs>. IE works fine, and the site looks all sweet, but when veiwed in mozzila, the backroudn images arnt there. Is there some way to fix that. The website is

http://squishyb.net

its just the genearl layout atm and no content yet.
Thanks for your help,
SquishyB

[Stickman]

Delete all the z-index values to see what's happening.


I would start again. The design is really simple, but you've got all kinds of css going on.
You only need one background image. Make a container div and stick the background in this - forget z-indexes. Then put your content (other divs if you need them) inside the container.

Have a look at floats and so much more...

[Stickman]

Some layouts here: http://css-discuss.incutio.com/

[emil]

You have negative z-index values.

.bannerdiv {
z-index:-20;
position:absolute;
width:740px;
height:400px;
background-repeat:repeat-y;
background-image:url(images/topbanner.gif);
margin-left:54px;
display: block;

}

just use positive ones
Edit: oh, and what stickman said, too

[pgo]

Also, adding display: block; to a <div> is pointless, since <div>s are already block-level elements.