div che non si devono sovrapporre

[ser_god]

salve,
volevo sapere una cosetta:

<div id:"contenitore" style="position:absolute; top:0px; left:100px;width:500px; height:100;border:1px solid #000;">
<div id="contenuto" style="position:absolute; float:left; top:0px; left:100px;width:300px; height:200px; border:1px solid #000;"></div>
</div>

come posso far in modo che il div contenitore si allunghi a seconda del div contenuto?
com'è adesso il div interno si allunga ma il contenitore rimane così comè, di conseguenza se metto un altro div sotto al contenitore, il div contenuto si sovreppone al div sotto al contenitore...

[serialkiller]

div contenitore

height:auto;

[ser_god]

..non funziona...

[serialkiller]

<div id="contenitore" style=" width:500px; height:auto;border:1px solid #000;">

<div id="contenuto" style="float:left; width:300px; height:auto; border:1px solid #000;">
prova
prova
prova
prova
prova
prova
prova
prova
prova
prova
prova

</div>
<div style="clear:both;"></div>

</div>