Div Höhe an Inhalt anpassen

[prosol]

Hallo,
ich habe ein kleines Problem mit der dynamischen Höhe des Eltern Divs, also
dem Div .main_box_middle_middle und den main_box_left_middle - main_box_right_middle
Hier einmal mein Code:

  <div class="main_box_middle">
  <div class="main_box_left_middle">&nbsp;</div>
  
  <div class="main_box_middle_middle">

  <div class="main_box_middle_content">Content</div> 
  <div class="main_box_middle_content">Content</div> 
  <div class="main_box_middle_content">Content</div>

  </div>
     
  <div class="main_box_right_middle">&nbsp;</div>
  </div>

.main_box_left_middle
{
width:36px;
background-image:url("img/border_edge_left_middle.png");
float:left;
}

.main_box_middle_middle
{
width:928px;
background-color:#000000;
float:left;
}

.main_box_right_middle
{
width:36px;
background-image:url("img/border_edge_right_middle.png");
float:left; 
}

.main_box_middle_content
{
border:1px solid #9ea2e1;
border-top:2px solid #9ea2e1;
border-bottom:4px solid #9ea2e1;
height:40px;
margin-bottom:1px;
background-image:url("img/bg_topics.jpg");
}

Ich hoffe jemand kann mir bei meinem Problem helfe.

Schon einmal vielen Dank

[threadi]

Wer floatet muss auch clearen.
http://de.selfhtml.org/css/eigenscha...rung.htm#clear
http://www.ohne-css.gehts-gar.net/0042.php