Hintergrundfarbe wird in Firefox nicht angezeigt?!

[sanccez]

Hallo Leute!!

Habe ein recht simples Problem, konnte jedoch bis jetzt keine Antwort drauf finden:


Wie im Titel bereits vermerkt, wird die Hintergrundfarce im Firefox (siehe Bild) nicht angezeigt?!


Bild:

http://www.alexkugel.de/bilder/browserproblem.JPG


hier der Code dazu:
_______________________________________
#container { background-color: #222;
width: 700px;
height: 100%;
margin: 0 auto;}

#links { background-color: #555;
width: 150px;
margin: 25px;
float: left;}

#rechts { background-color: #888;
width: 425px;
margin: 25px;
float: left;}
_______________________________________

<div>

<div>CSS PROBLEM</div>

<div>CSS PROBLEM</div>

</div>
_______________________________________


Ich hoffe ihr könnt mir helfen und danke im Vorraus!!

Gruß Alex

[Laus]

Dein container hat keinen Inhalt!
Du musst nach dem float clearen und eine Mindesthöhe angeben sonst zeigt dir der FF und auch Opera keinen HG an da er ja nichts zum anzeigen hat.
Ein heigh:100% bezieht sich immer auf das Elternelement. Da dein Elternelement aber anscheinend keine höhe hat ist auch ein height:100% beim container nicht relevant. Dies müsste auch bei body und html gesetzt sein die ja die Elternelemente sind.
Der IE cleart unberechtigterweise automatisch und führt deshalb zu einer falschen anzeige.

Gruß Xaver