Hey, My URL is http://www.sportsgfx.net/animotion/3/ The container background colour shows up properly in IE (grey), but in FF, it cuts off just after the header. I have no idea why it's doing this. Any idea? By the way, the link to the css is http://www.sportsgfx.net/animotion/3/style.css Thanks
You are actually witnessing an IE bug. Your wrapper is filled with floats. As far as #wrapper is concerned, the very tops of the floats are the only place #wrapper sees anything in it (not counting header, I mean the columns left, center and right). Floats do not normally affect their parents, and usually hang out. IE incorrectly has containers wrapping their floats. A well-known bug. Firefox isn't the only browser displaying your site correctly-- Opera and Safari are too. To make #wrapper notice its floated children, you can do a trick: setting the overflow property to something other than its default (which is visible) will make the #wrapper take notice of its children. Overflow: hidden is the most popular one as it won't give you ugly scrollbars. Other ways around the problem are things like clearfix-- you can find these other methods by googling "enclose floats" Position Is Everything (you'll get both positioniseverything.com's float page and also Gary Turner's page).