Div Höhe an Inhalt anpassen

[deak]

Hallo,
ich habe ein kleines Problem mit der dynamischen Höhe des Eltern Divs
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>

Das CSS dazu ist folgendes:

PHP-Code:

.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 denke es hängt irgendwie mit dem float zusammen, lieg ich da richtig. Hat jemand einen Tip wie ich daß Problem lösen kann.

Vielen Dank

[webxvideo]

So müsste es gehen:

 <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>
<br style="clear:left" />
  </div>

[Ahrsib]

Das clear:left könnte in diesem Fall doch auch mit ins CSS, richtig?

Ahrsib
... Mitlerner.

[webxvideo]

Ja klar!

[boreker]

verstehe dein problem nicht so ganz. ist es gelöst?
sonst müsstest du nochmals schreiben was nicht stimmt.

[EPM Slash]

das clear brauchst du nicht. overflow: auto sollte reichen. lg

.main_box_middle {
overflow: auto;
}