Luke: [IE] - DIV geht bis zum unteren Rand des Elternelemts

Beitrag lesen

Hi,
Um eine Box mit abgerundeten Ecken darzustellen umschließe ich ein div mit 5 weiteren (Ecken und ein Wrapper (der vielleicht unnötig ist da er nur ne Hintergrundfarbe hält, aber ich find's gefühlt sauberer als der ersten Ecke die Hintergrudnfarbe zu geben). Wie auch immer, im IE(6) geht der Wrapper mit seiner Höhe bis zum unteren Rand des Elternelements. Der Code:

HTML

<div class="entry_body_body">  
  
<div class="entry_footer_wrapper">  
 <div class="entry_footer_topleft">  
  <div class="entry_footer_topright">  
   <div class="entry_footer_bottomleft">  
    <div class="entry_footer_bottomright">  
     <div class="entry_footer_body">  
      <div class="entry_footer_body_left"><a href="#">Insane Blogger</a></div>  
      <div class="entry_footer_body_right">29 Kommentare | <a href="#">Kommentieren</a></div>  
     </div>  
    </div>  
   </div>  
  </div>  
 </div>  
</div>  
  
</div>

CSS:

.entry_body_body {  
 padding: 23px 12px 8px 12px;  
}  
  
.entry_footer_wrapper {  
 background-color: #121212;  
 margin-top: 8px;  
 border: 1px #FF0000 dashed;  
}  
  
.entry_footer_topleft {  
 background: url('images/efooter_topleft.gif') no-repeat top left;  
}  
  
.entry_footer_bottomleft {  
 background: url('images/efooter_bottomleft.gif') no-repeat bottom left;  
}  
  
.entry_footer_topright {  
 background: url('images/efooter_topright.gif') no-repeat top right;  
}  
  
.entry_footer_bottomright {  
 background: url('images/efooter_bottomright.gif') no-repeat bottom right;  
}  
  
  
.entry_footer_body {  
 font-size: 10px;  
 padding: 4px 6px 4px 6px;  
}  
  
.entry_footer_body_left {  
 float: left;  
}  
  
.entry_footer_body_right {  
 text-align: right;  
}

Luke