float e ordine <div>

[NetEscape]

Il CSS è questo:

body {
margin: 0;
padding: 0;
background: #983607;
font: 12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
text-align: center;
}

#container {
margin: 10px auto;
padding: 0;
background: #f8f8ee;
width: 800px;
text-align: left;
}

#container #banner {
margin: 0;
padding: 5px 0px 5px 2px;
height: 80px;
background: #ebebeb;
text-align: center;
}

#container #float {
margin: 0;
padding-left: 5px;
width: 200px;
background: inherit;
float: right;
}

#container #content {
margin: 0px 210px 0px 0px;
padding: 0px;
width: 600px;
}






Quello che non capisco è che se seguo l'ordine del posizionamento, cioè prima float poi content, la sezione content appaia spostata in basso in IE e abbia un margine superiore di qualche pixel in Mozilla, Firefox e Opera. Help! Grazie a tutte le vostre risposte!

[NetEscape]

Risolto: bug di IE:
http://www.webmasterworld.com/forum8...-1-10.htm#msg3