인테넷익스플러러 11 화면 배열이 깨지는 데 원인을 모르겠습니다. 도와주세요

크롬, 네이버웨일 화면 정상

index

<h2 class="sound_only">최신글</h2>
<div class="latest_wr">
<!-- 최신글 시작 { -->
<div style="float:left;">
    <?php echo latest("theme/basic", "200_01", 5, 25); ?>
</div>
<div style="float:left; margin-left:20px;">
    <?php echo latest("theme/basic", "200_03", 5, 25); ?>
</div>
<div style="float:left; ">
    <?php echo latest("theme/basic", "400_02", 5, 25); ?>
</div>
<div style="float:left; margin-left:20px;">
    <?php echo latest("theme/basic", "400_06", 5, 25); ?>
</div><!-- } 최신글 끝 --></div>

<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

css

/* 중간 레이아웃 */
#wrapper{}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;height:100%;zoom:1}
#aside {float:right;width:305px;padding:0;background: #e7ebf3;height: 100%;border: 1px solid #adbfd2;margin:20px 0 20px 20px}

#container {z-index:4;position:relative;float:left;min-height:700px;height:auto !important;margin:20px  0;height:100%;font-size:1em;width:875px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold;}
#container_title span{margin:0 auto 10px;display:block;line-height:30px;}
/*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/
.lt_wr{width:60%}
.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}