Div отображает странно в IE - сюрприз

Question

body {
    background: #9cdcf9 url(/images/left_cloud.png) bottom left no-repeat;
    font-family:\"Trebuchet MS\";
    padding:0;
    margin:0;
    border:0;
}
#cloud-container {
    width: 100%;
    background: url(/images/right_cloud.png) bottom right no-repeat;
    height: 100%;
}
#plane-container {
    width: 100%;
    background: url(/images/plane.png) top right no-repeat;
    height: 20%;
}
#footer1 {
    	width:100%;
    	height: 180px;
    	background: url(/images/footer.png) bottom center repeat-x;
    	vertical-align: bottom;
    	text-align: center;
    	color: #fff;
    	text-shadow: #555 1px 1px 1px;
    	font-size: 11px;
}

Прекрасно работает в FF, но заставляет страницу падать влево и перекрывает divs - кто-нибудь знает, что в CSS не нравится IE? - немного далеко, но эй ....

Answer 1

Хотя по вашему вопросу трудно сказать без html или изображения, я думаю, что ответом на вашу проблему может быть размещение ваших div'ов.

#cloud-container, #plane-container, #footer1{
    float:left;
}

Возможно, вы также захотите проверить эту страницу на распространенных проблемах IE CSS