False colonne

Leggendo qualche guida qua e là ho modificato un po' il codice, ma ancora non ho capito quel qualcosa che mi manca per capire come far in modo che il container sia alto quanto i div flottanti. Con i codici attuali il container non appare proprio a causa dei float.

Codice:

---

#container {
width: 900px;
background: white;
margin: 50px auto;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-align: justify;
}

#nav-left {
width: 220px;
background: #d7d7d7;
border-right: 1px solid #888;
text-align: justify;
padding: 10px;
float: left;
display:inline;
border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
}

#content {
width: 600px;
float: left;
background: white;
padding: 10px;
border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
display:inline;
}

---

Codice HTML:

---

<div id="container" >
<div id="nav-left"><img src="http://beateaters.it/temp/photos/0545078385410385.jpg" />
</div><div id="content"><textarea style="width: 80%; height: 100px;" name="message" id="message" onkeyup="caratteri(); conta_ch();">Che ti frulla per la testa?</textarea><br /><br /><input type="submit" value="Condividi" name="condividi" /></form><br />Nessuno stato trovato. Per crearne uno e condividerlo con i tuoi amici, scrivi qualcosa nello spazio sovrastante e premi <b>Condividi</b></div></div>

---

http://forum.it.altervista.org/html-...tml#post827757