Problem mit height: auto;

hallo zusammen

ich bin wiedermal auf ein Problem gestossen, beim erstellen einer Website //edit link
....
Seht ihr den grauen Flecken, unten rechts?

Der graue Fleck ist das body-Backgroundbild. Das Problem ist das div, welches den Flecken eigentlich decken soll.

das box div umschliesst navigation und content und hat height: auto. Jetzt sollte es sich doch der höhe der navigation oder des contents anpassen, oder?

IE und Mozzi machen es aber nicht. Ich weiss nicht an was es liegt.
Hat jemand eine Ahnung, warum height: auto in diesem Fall nicht funktioniert?

Danke im voraus
web4


CSS Code

.box {

height: auto;

width:1003px;

background-color:#FFFFFF;

float: left;

}



.leftside {

width: 190px;

height: auto;

float: left;

}



.content {

width: 520px;

height: auto;

float: left;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

margin-left:20px;

margin-right:20px;

margin-top:25px;

color:#919191;

line-height:19px;

}

Hier ist der Fehler:

.box {

background-color:#FFFFFF;

clear:both;

float:left;

height:auto;

width:1003px;

}

Ändere das 1003px durch 100% dann müsste es gehen!

P.S. Mit Firebug findet man solche Fehler schnell

tatsächlich herzlichen dank!
stimmt, ich habe den firebug jetzt auch noch auf meinem laptop installiert

danke nochmal!