children-element volle Höhe des parentelements - wie

[Stefan S.]

Hallo zusammen,

Ich habe für eine Website ein Layout gebastelt, bzw. bin noch am basteln ;-)
Der Hauptinhalt besteht aus 3 Bereichen (Main Body) die in ein Elternbereich (ContentContainer) eingebettet sind.

Vorschau des Layouts:   www.feuerwehr-sternenfels.de/cms

Nun hätte ich gerne, dass die 3 Inhaltselemente automatisch die Höhe des Umschließenden Containers ausfüllen, der ja eine mindesthöhenangabe besitzt.
Wie kann ich das erreichen?

Hier der CMS Code:

  
/* ###################################################### */  
/* ################### ContentContainer ################# */  
/* ###################################################### */  
  
#contentContainer {  
    margin:10px 10px 0 10px;  
    width:980px;  
    min-height:520px;  
  
}  
  
  
  
/* ###################################################### */  
/* ####################### MAIN BODY #################### */  
/* ###################################################### */  
  
  
#navigation {  
    float:left;  
    padding:10px;  
    width:230px;  
    height:100%;  
    background-color:#b8b8b8;  
}  
  
#teaser_right {  
    border:2px dotted silver;  
    padding:10px; float:right;  
    width:186px;  
    height:100%;  
    background-color:#eaeaea;  
}  
  
#mainContent {  
    margin-left:250px;  
    padding:10px;  
    width:500px;  
    height:100%;  
    background-color:#eaeaea;  
}