Ciao a tutti, sto facendo questo layout e stranamente in IE ottengo il risultato che vorrei.
Come posso fare per avere la stessa cosa anche per gli altri browser?

Nella pagina html ho questo tipo di struttura:
<div id="box">
<div id="header"></div>
<div id="body">
<div id="menu"></div>
<div id="content"></div>
</div>
<div id="footer"></div>
</div>

Nel div body ho un'immagine di fondo, un colore e dei bordi laterali, se nei due div che si trovano all'interno e che hanno un float (menu e content) ho dei contenuti superiori all'altezza minima fissata, il body non segue "l'allungamento" degli altri div come invece succede in explorer.

CSS:
html , body {
margin: 0;
padding: 0;
background-color: #ffffff;
width:100%;
height:100%;
}
body {
text-align:center;
background: url(../img/sfumatura.jpg) bottom repeat-x;
}
div {
margin: 0;
padding: 0;
}
div#box {
margin: 10px auto;
width:760px;
min-height: 580px;
height: auto !important;
height: 580px;
}
div#header {
height: 71px;
background: #e6e6dc url(../img/banda_superiore.jpg) no-repeat;
}
div#body {
min-height: 438px;
height: auto !important;
height: 438px;
background: #e6e6dc url(../img/banda_centrale.jpg) no-repeat;
border-right: 1px solid #969691;
border-left: 1px solid #969691;
}
div#footer {
height: 71px;
background: #e6e6dc url(../img/banda_inferiore.jpg) no-repeat;
clear:both;
}
div#menu {
width:220px;
float:left;
text-align:center;
}
div#content {
width:530px;
float:left;
text-align:center;
}



Avete dei suggerimenti?
grazie
ciao ciao