Firefox hates me

stormchylde
Newbie
Joined: Jun 26, 2006
Posts: 14
Loc: New York
Status: Offline

August 25th, 2008, 2:13 pm

nvm I fixed it myself lol had to add

Code: [ Select ]

overflow:auto;

to the divs. silly me

I just created a new look for my site and it looks perfect in IE but in Firefox it only is showing one of my background divs instead of all three. It might make more sense if it wasn't showing any lol

I checked my code to validate it and it said it was valid xhtml (except for one chat box) & css.

If you look at it in IE then Firefox you can obviously tell what is wrong:
http://www.shadowsmoon.com/

The backgrounds are:

Code: [ Select ]

#wrapper{
margin: 10px auto 0 auto;
width: 900px;
text-align: left;
   background: #E5E4EA;
}

#wrappergreen{
margin: 0 auto 0 auto;
width: 940px;
text-align: left;
   background: #425744;
}

#wrapperpurple{
margin: 0 auto 0 auto;
width: 920px;
text-align: left;
   background: #454150;
}

#wrapper{
margin: 10px auto 0 auto;
width: 900px;
text-align: left;
background: #E5E4EA;
}
#wrappergreen{
margin: 0 auto 0 auto;
width: 940px;
text-align: left;
background: #425744;
}
#wrapperpurple{
margin: 0 auto 0 auto;
width: 920px;
text-align: left;
background: #454150;
}

in my style.css

Here is my index.php:
http://www.shadowsmoon.com/test1.html

and here is my header:
http://www.shadowsmoon.com/test2.html

now I thought it might be because I had the divs start in the header. but when i moved them to the index they still didn't show in firefox and they messed up in IE