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! высота контейнера товаров не работает, а нижний колонтитул перекрывает его! Что мне делать?

Answer 1

Виновником является height: 50px; правила #products_page_header Css ..

его содержимое плавал за его пределами, и он не будет растягиваться, чтобы вместить их ..