Dread: div textorientiert

Beitrag lesen

Hallo, ich habe ein kleines Problem.
Ich habe in einen div gesetzt.
Der div hat die Css angaben:

#test {position:absolute; left:125px; top:117px; height:100%; width:70%; background-color:#E9EFF4;}

In diesem div befindet sich ein weiterer mit den angaben

.text {position:absolute; top:100px; left:15px; height:100%; font-family: Arial,Verdana,Helvetica,sans-serif; font-size:15px; line-height:20px;}

In diesem befindet sich wiederum text.

Eingesetzt sieht das so aus

<div id="test">

<h4>Home</h4>
<div class="text">
bla bla bla
</div>
</div>

Mein Problem das ich nun habe ist das sich der div nicht mit dem text vergrößert.
Das heist, das der text einfach aus dem div hinausgeht.

Wie kann ich einstellen das sich der div an höhe zunimmt, also sich sozusagen am text orientiert?

ich hoffe ihr könnt mir helfen.