Problem mit height:auto

[Nico]

Hallo !

Also mein Problem ist folgendes ..
Auf meiner Homepage [-> zur Homepage] will ich gerne, dass die beiden weißen Kästchen rechts und links automatisch so weit runtergehen, bis sie auf den footer stoßen. Also dass sie sich der Höhe des contents anpassen. Auf der Page habe ich die Höhen der beiden Boxen jetzt auf 400px festgelegt um mein Problem zu verdeutlichen. Wenn ich ihnen die Höhe "auto" zuweise, sind sie nicht mehr zu sehen.

Der html Code dieses Teils sieht wie folgt aus :

  
       <div id="hauptseite">  
         <div id="box_left"></div>  
         <div id="box_right"></div>  
         <div id="content"></div>  
         <div id="footer"></div>  
       </div>  

Mein Css code dazu sieht so aus:

  
#hauptseite {  
   position:absolute;  
   width:939px;  
   height:auto;  
   top:302px;  
   left:0px;  
   }  
  
   #content {  
   background: url(design/content_bg.gif) repeat-y;  
   margin: 153px 0px 0px 0px;  
   border: solid 1px #d0d0d0;  
   overflow: hidden;  
   padding:5px;  
   min-height:478px;  
   width:499px;  
   }  
  
   #box_left {  
   float:left;  
   clear:left;  
   background: url(design/boxes_left.gif) repeat-y;  
   width:190px;  
   height:auto;  
   }  
  
   #box_right {  
   float:right;  
   clear:right;  
   background: url(design/boxes_right.gif) repeat-y;  
   width:238px;  
   height:auto;  
   }  
  
  
   #footer {  
   background: url(design/footer.gif) no-repeat;  
   width:938px;  
   height:44px;  
   }