Hi. This is my code :
<body>
<div>
<div id="ROOT" >
<div id="ROOT_0" >
header
</div>
<div id="ROOT_1" >
main
</div
<div id="ROOT_2" >
footer
</div>
</div>
</div>
</body>
html {height:101%;}
body {background:#FFFFFF;}
#ROOT{ background-color:#666666; width:980px; margin-left:auto; margin-right:auto;}
#ROOT_0{background-color:#FF9933; width:970px; text-align:center; float:left; margin-top:5px; margin-bottom:5px; margin-left:5px; margin-right:5px;}
#ROOT_1{width:980px; text-align:center; float:left;}
#ROOT_2{background-color:#FF9933; width:970px; text-align:center; float:left; margin-top:10px; margin-bottom:5px; margin-left:5px; margin-right:5px;}
IE get the right background. If i try on Chrome or firefox they don't get the background. Why? Cheers