CSS는 Chrome에서 작동하지만 FF 나 IE에서는 작동하지 않습니다

Question

이 사이트에 다음 HTML/CSS 간단한 코드가 있습니다. 크롬에서는 www.habitacionalkids.com.ar에 아무런 문제가 없지만 FF 나 IE에서 열면 divs가 누락됩니다. 나는 다른 사이트에서 매우 유사한 코드를 사용하고 있으며 잘 작동하지만 왜 여기서 작동하지 않는지 알지 못합니다.

CSS

html, body, #wrapper, images { 
    height:100%; 
    width: 100%; 
    margin: 0px; 
    padding: 0px; 
    border: 0px; 
    background-color:#143d36; 
} 

img { 
    margin: 0px; 
    padding: 0px; 
    border: 0px; 
    display: block; 
    /*display: inline-block;*/ 
} 

.center { 
    width: 800px; 
    height: 600px; 
    position: absolute; 
    left: 50%; 
    margin-left: -400px; 
} 
.center_mini{ 
    margin: 0px; 
    padding: 0px; 
    border: 0px; 

} 
.center_mini_float{ 
    float:left; 
    margin: 0px; 
    padding: 0px; 
    border: 0px; 

} 

HTML 누락 된 사업부가 바로 아래보다는 그 형제의 오른쪽에 떠있는 것으로 나타나는

<div class="center"> 
    <div class="center_mini"> 
     <img src="images/img_01.png" width="800" height="470" alt="bg"> 
    </div> 
    <div class="center_mini"> 
     <div class="center_mini_float"> 
     <img src="images/img_02.png" width="364" height="130" alt="bg"> 
     </div> 
     <div class="center_mini_float"> 
     <div class="center_mini"> 
      <div class="center_mini_float"> 
      <a href="https://www.facebook.com/HabitacionalKids?fref=ts" target="_blank"><img src="images/img_03.png" width="35" height="33" alt="bg"></a> 
      </div> 
      <div class="center_mini_float"> 
      <a href="mailto:hola@habitacionalkids.com.ar"><img src="images/img_04.png" width="34" height="33" alt="bg"></a> 
      </div> 
     </div> 
     <div class="center_mini"> 
      <img src="images/img_06.png" width="69" height="97" alt="bg"> 
     </div>    
     </div> 
     <div class="center_mini_float"> 
      <img src="images/img_05.png" width="367" height="130" alt="bg"> 
     </div> 
    </div> 
</div> 

Answer 1

. 이 추가보십시오 :

는

.center_mini { 
    clear: both; 
} 

Answer 2

이

.center_mini{overflow:hidden;} 

와 두 번째 옵션 등 Overflow:hidden;에 사용하는 것은이

.center_mini:after { 
    clear: both; 
    content: ""; 
    display: table; 
    overflow: hidden; 
} 

Answer 3

이 당신을 위해 트릭을 할 것입니다. 이 코드 줄을 CSS에 추가하십시오.

.center_mini img{ 
     float:left; 
}