IE7浮動DIV高度

Question

我有這樣的代碼 代碼：

<div id="container"> 
    <div id="products_content"> 
     <div id="products_page_header"> 
      <div id="products_page"> 
       <div class="post"> 
        <div class="entrytext"> 
         some text 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
    <div id="clear"> 
    </div> 
    <div id="siteinfo"> 
     <p> 
      some content 
     </p> 
    </div> 
</div> 

這個CSS：

代碼：

div#container { 
    margin: 0 auto; 
    width: 960px; 
    height: auto; 
    border-left: thin solid #6b5c57; 
    border-right: thin solid #6b5c57; 
} 


div#products_page_header { 
    width: 960px; 
    height: 50px; 
    background-image: url(images/products_page_header.png); 
    background-repeat: no-repeat; 
    margin: 10px 0 0 0; 
} 

div#products_page { 
    width: 950px; 
    float: right; 
    margin: 50px 0 0 0; 
} 

div.post { 
    float: right; 
    border: 1px solid #6b5c57; 
    width: 200px; 
    height: 350px; 
    margin: 10px; 
} 
div#siteinfo { 
    height: 280px; 
    position:relative; 
    background-image: url(images/footer.jpg); 
} 

的問題是它的工作除了IE7所有新的瀏覽器！ 產品容器的高度不會工作和頁腳div重疊！ 我該怎麼辦？

Answer 1

罪魁禍首是#products_page_header CSS規則的height: 50px; ..

其內容是浮動的它之外，它不會拉伸，以適應他們..