BG color disappears with float div in firefox, not IE

[fourthring]

Here is a really annoying problem that I discovered doing CSS for firefox:

Check out : http://plateoftheday.com/template.php
in IE and in Firefox.


The red background color of my main container div disappears and is overwritten by the body background of grey.


I noticed that if I delete the float in the content or the menu divs the red of my main container div come back but of course the formatting is all screwed.

Any ideas on this? I am killing myself tyring to fix this problem. I am about to resort to using a repeating image for the left and right areas.

Thanks!

[Mano70]

The first thing you should check is your HTML, it isn't good at all (but this time it doesn't help to improve your HTML).
http://validator.w3.org/check?verbose=1&uri=http%3A//plateoftheday.com/template.php

I agree that the problem is a little bit strange, but here is what you do.

Remove the float on contentRight and set margin-left to 210px or something like that instead, haven't checked what gives you the best layout.

Or you can just create your layout here:
http://www.inknoise.com/experimental/layoutomatic.php

or at http://www.csscreator.com

[fourthring]

Cool that site is awesome. Thanks for the tips

[Wit]

FTR - that's csscreator (http://www.csscreator.com/).

But that's cool Mano70. You're quite a css guru... :)

[Mano70]

Did anybode get csscreator to work? Look's to me like it has been down for a while (or is it that FTR means Wit?).

[Wit]

FTR=for the record. Sorry about that, it isn't as well-known as BTW...

BTW - csscreator (the tool) seems to work fine now/here.