layout monolitico e float

[whiteduke]

ho un problema con un layout monolitico. nel div "content" ho inserito tre ulteriori div con float: left. il problema è che questi div finiscono sopra al footer.
css:

body {
font: 78%/1.5 arial, helvetica, serif;

background: white url(../images/ground.gif);
text-align: justify;
padding: 0;
margin: 3px;
min-height: 100%;
}

#container {
width: 960px;
background: #F4ECD9;
text-align: justify;
border: 1px solid #eda;
margin: 0 auto;
}

#footer{
text-align: center;
padding: 0.5em 0;
width: 100%;
background: #ffc;
color: #000;
margin: 0;
bottom: 0;
border-top: 2px solid #eda;
font-size: 11px;
}

#content{
margin: 10px;
height: 100%;
height: auto !important;
min-height: 400px;
height: 380px;
display: block;
}

#left{
float: left;
width: 400px;
\width: 400px;
w\idth: 400px;
}

#center{
float: left;
width: 200px;
\width: 200px;
w\idth: 200px;
padding-left: 40px;
}

#right{
float: left;
width: 100px;
\width: 100px;
w\idth: 100px;
}


Ho settato in questo modo l'altezza in "content" per avere un'altezza fissa e per ovviare a problemi riscontrati in passato. Se avete dei consigli vi sarei grato.

[awd]

vedendo solo il css non è facile, posta anche l'(x)html oppure l'indirizzo della pagine se in rete!
cmq ci sono già alcune cose che nn mi piacciono molto, per esempio:
- larghezza a 960px?! e i poveracci con 800x600?
- min-height: 100%?!
- a che ti serve descrivere le larghezze così width: 400px;
\width: 400px;
w\idth: 400px;
se tanto sono tutte e tre uguali? (cmq se vuoi lasciarlo nn cambia nulla, ma appesantisci inutilmente il css)

[whiteduke]

ho risolto il problema si trattava di mettere float { clear:both}
La risoluzione mi è stata chiesta dal cliente. Mi ero accorto dell'errore del width e del min-height. grazie in ogni caso