在IE中显示奇怪的Div -有一个惊喜

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中完美工作，但使页面向左倾斜和div重叠-有人知道它在css中IE不喜欢的是什么吗？-有点不太可能，但是嘿...

Answer 1

虽然没有html或图片很难从你的问题中辨别出来，但我认为你的问题的答案可能是浮动你的div。

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

您可能还想查看common IE CSS issues的此页面