'wrapper' will nicht im firefox

Hallo community,
leider hatte ich keinen trefferenden titel, da ich nicht weiß was der „wrapper“ tag da mit mir macht.

folgenden code habe ich geschrieben:

body {
background-color: #FF6347;
text-align:center;
}

#wrapper {
background-color: red;
text-align:left;
width:760px;
margin:0px auto;
}

a.menu:link {color: black; text-decoration:none;}
a.menu:visited {color: black;text-decoration:none;}
a.menu:active {color: black;text-decoration:none;}
a.menu:hover {color: black;text-decoration:none;}

#title {
background-color: #8B7D7B;
height:100px;
}

#menu {
width:150px;
float:left;
}

.menutitle{
text-align:center;
margin:2px;

}
.menucontainer {
margin: 10px;
}
a.menu {
font-size:13px;
display:block;
text-align:center;
font-weight:bold;
text-decoration:none;
margin-bottom: 20px;
}

#inhalt {
background-color:#efeff7;
float:right;
width:610px;
}

.text {
margin: 10px;
text-align: justify;
}

so jetzt sieht das im IE so aus, wie ich das haben will. Soll heißen, die noch rote farbe, also der wrapper soll ich bis unten hin ziehen - eben so weiß wie der text aus dem inhalt tag lang ist.
der firefox sträubt sich allerding.

so sollte es sein:
http://img5.imagebanana.com/img/8nsrzg/ie.jpg

so spinnt der firefox:
http://img5.imagebanana.com/img/5fr4um1v/ff.jpg

wow, mist hätte ich länger die jungs von goggel gefaget, hätte ich mir den artikel sparen können.

hier die antwort, für die die das selbe problem haben.

im #wrapper tag muss die funktion „overflow: hidden;“
gesetzt werden

warum das so ist, das könnte mir vielleciht doch nochmal jemand erklären

Hallo,

dazu müsste man aber noch den HTML-Quelltext haben.

Gruß,

Anja