предположим, у нас есть этот код:

<div id='upperDiv' style='min-height:200px;border: 1px solid #000000;'>
     <div id='rightDiv' style='float:right;width:75%;'>
       content1
     </div>  
     <div id='leftDiv' style='float:left;width:25%;'>
       content2
     </div>
</div>
<div id='lowerDiv' style='height:50px;border: 1px solid #000000;margin-top:5px;'>
   content3
</div>

Когда содержимое rightDiv и leftDiv проходит высоту 200px (минимальная высота), upperDiv не увеличивается, поэтому его содержимое перекрывает нижний div. Если я удалю атрибут float для большого контента, он будет расти, и возникнут проблемы. Но я не знаю, какой Div (rightDiv или leftDiv) проходит высоту 200px. Как я могу это исправить?

Спасибо