Flexible Textbox

[Tomchy]

Hallo, guten Morgen!

Ich bitte die CSS-Spezialisten unter Euch um Rat.

Ich baue mir gerade eine Textbox mit folgenden Eckdaten:

• ein Container mit einem blau-weissem Hintergrundverlauf (von oben nach unten)
• im Container eine Textbox mit variabler Textmenge
• unten eine weisse Abschlussleiste mit runden Ecken, die die Textbox zum Seitenhintergrund abgrenzt.

Da ich ziemlich neu bin in CSS, bekomme ich es einfach nicht hin, dass die Textbox variabel nach unten gedehnt wird je nach Textmenge und sich daran dann die Abschlussleiste anfügt. Ich habe es auch schon mit height in % versucht aber da passiert nicht das gewünschte. Auch verschiedene Positionsvarianten habe ich probiert.

Bin dankbar für Eure Tipps!

Danke,
Tomchy

------------
<div id="container">

<div id="textbox">
     Inhalt der Textbox
  </div>

<div id="abschlussleiste-unten">
  </div>

</div>
------------

#container{
width: 160px;
height: 300px;
background-color: #FFFFFF;
background-image: url(../images/vertikaler-blau-weiss-verlauf.gif);
background-repeat: no-repeat;
}

#textbox{
width: 160px;
height: 180px;
position: absolute;
left:0px;
top:10px;
}

#abschlussleiste-unten{
width: 160px;
height: 20px;
margin: 0pt;
position: absolute;
left:0px;
bottom:0px;
background-image: url(../images/abschlussleiste-unten.gif);
background-repeat: no-repeat;
background-color: #134c95;
}