height auto bei div im div, jetzt aber mal?

Heyho,

ich habe diese Frage zwar schonmal gestellt, aber wohl zu indirekt, jetzt hier noch einmal direkt:

Hat jemand für folgendes Problem eine Lösung?:

____________________________________________________________

Ich habe 3 divs in einem anderen div:

<div id="1">
  <div id="2"></div>
  <div id="3"></div>
  <div id="4"></div>
</div>

So, jetzt habe ich bei div 2 , 3 und 4 height: auto;
drinnen, ich möchte aber, dass div 1 sich trotzdem mit der Höhe anpasst, also auch height: auto;.

Das klappt nur leider nicht, jedoch möchte ich keine feste Höhe angeben
müssen, da mein Inhalt von der Länge her sehr variabel ist, ich aber
keinen unschönen Scrollbar mitten im Design anwenden möchte.
____________________________________________________________

Falls ihr da eine möglichst elegante, und in vielen Browsern funktionierende Möglichkeit für mich?

Ich glaube wir verstehen uns falsch, dieses Beispiel verdeutlicht was mein Problem ist:

<div style="padding:5px;  background-color: #00FF00;" id="hintergrund"><!-- der soll mitwachsen -->




  <div style="background-color: #6772B1; float: left;" id="1">Hallo</div>
  <div  style="background-color: #304BE2; float: left;"id="2">wie</div>
  <div  style="background-color: #384A16; float: left;"id="3">gehts</div>




</div>

Der Grüne Div im Hintergrund soll mitwachsen, tut er aber nicht.

Jaja, wir wissen alle das du "glad" bist^^

Genau so geht es, bin nur nich drauf gekommen^^