Verschachtelte DIV

[Sandra]

Hallo zusammen,

ich habe zwar schon ein wenig hier im Forum und bei Google gestöbert, aber nicht die passende Lösung gefunden. Zudem habe ich nun schon den ganzen Vormittag rumprobiert und den Fehler nicht ausmachen können.

Ich habe ein paar verschachtelte DIVs in Form von

-- Beispiel --

<div style='position:absolute;top:50px;left:50px;width:500px;height:400px;margin:0px;padding:0px;'>
 <div style='height:30px;'>
  Title
 </div>
 <div style='border:1px solid #00ff00;'>
  <div style='border:1px solid #ff0000;'>
   <div style='margin:1px;'>
    <div style='width:100%;height:100%;'>
     Content
    </div>
   </div>
  </div>
 </div>
</div>

--------

Hier eine etwas plastischere Version zur Anschauung...

http://www.oreigon.de/test/test.html

Mein Problem ist nun, dass der "Content" Bereich mit den Border+Margins im Firefox nicht die gewünschte Höhe annimmt.

Ich kann leider nicht mit feste Größen arbeiten, da das komplette Konstrukt nachher mit Scriptaculous seine Abmaßen ändern soll.
Im IE macht er zwar den Content Bereich so groß wie den Hauptcontainer, aber das wäre mir auch recht, wenn denn der Firefox das auch so darstellen würde.

Kann mir jemand weiter helfen?

LG Sandra