adattare un div contenitore alla lunghezza dei div interni?

[Sari]

Ho un div contenitore che ha al suo interno 3 div. Come faccio ad adattare la sua altezza ai div interni? al momento mi rimane più piccolo e sovrapposto agli altri tre

questo è l'HTML:
<div id="container">

<article class="one-third">
<h2>Hai bisogno di un SitoWeb?</h2>


Perquiramus atque ut casus tui ex quae ad te ad suis caelo dicit hoc. Tempore percussus ait est amet consensit cellula rei civibus in modo ad nomine. Navibus celebrent duo dominus Lampsacenus tu bestias terras navis cupit quae vero quo. A his domino vias multis miraculum manibus individuationis quae ad suis ut diem obiecti invidunt cum magna duobus auro purpurea vobis.</p>
</article>

<article class="one-third">
<h2>CosaFaccio</h2>


Perquiramus atque ut casus tui ex quae ad te ad suis caelo dicit hoc. Tempore percussus ait est amet consensit cellula rei civibus in modo ad nomine. Navibus celebrent duo dominus Lampsacenus tu bestias terras navis cupit quae vero quo. A his domino vias multis miraculum manibus individuationis quae ad suis ut diem obiecti invidunt cum magna duobus auro purpurea vobis.</p>

</article>
<article class="one-third last">
<h2>Perchè il Web Designer</h2>


Perquiramus atque ut casus tui ex quae ad te ad suis caelo dicit hoc. Tempore percussus ait est amet consensit cellula rei civibus in modo ad nomine. Navibus celebrent duo dominus Lampsacenus tu bestias terras navis cupit quae vero quo. A his domino vias multis miraculum manibus individuationis quae ad suis ut diem obiecti invidunt cum magna duobus auro purpurea vobis.</p>
</article>

</div>


questo è il CSS:

/*** DIV CONTENITORE ****/
#container {

width:100%;
padding: 20px;
opacity: 0.9;
text-transform: uppercase;
-moz-box-shadow: 1px 0px 2px #000;
-webkit-box-shadow: 1px 0px 2px #000;
box-shadow: 1px 0px 2px #000;
position: relative;
}


/** DIV INTERNI ***/
.one-third, .inner-content, .one-third-big {
float:left;
opacity: 0.9;
text-transform: uppercase;
-moz-box-shadow: 1px 0px 2px #000;
-webkit-box-shadow: 1px 0px 2px #000;
box-shadow: 1px 0px 2px #000;

}

.one-third, .inner-content, .one-third-big {
float:left;
opacity: 0.9;
text-transform: uppercase;
-moz-box-shadow: 1px 0px 2px #000;
-webkit-box-shadow: 1px 0px 2px #000;
box-shadow: 1px 0px 2px #000;

}
.one-third, {
margin-right: 30px;
width:300px;
}

.inner-content {
width:712px;
}

.last {
margin-right: 0px!important;
}

[ResianTaxidrive]

assegna float:left anche a #container

[Sari]

grazieee!!