Problemi con float

[mark.in]

Problemi con float

Salve a tutti, sto creando un sito in php con un css esterno.
Il sito è composto in questo modo:

1 div contenitore
1 div header
1 div main con all'interno 3 div, 2 affiancate + 1 in basso
1 div footer.

Nel div in basso vorrei aggiungere 4 colonne affiancate della stessa dimensione.
Ho creato questa regola:

#down, #down2, #down3, #down4 { float:left; width:25%; padding:5px; }

nel php ho aggiunto

<div id="main">
<div id="down">esempio</div>
<div id="down2">esempio2</div>
<div id="down3">esempio3</div>
<div id="down4">esempio4</div>
</div>

Queste 4 colonne non vengono affiancate, con il float:left mi salta anche lo sfondo del div main, se tolgo il float 3 colonne si affiancano e la 4 va a finire giù.

Dove sbaglio?

Grazie

[meis]

Puoi linkare il sito?

[mark.in]

Il sito è in locale

[meis]

Prova al posto di width:25% a mettere max-width=25%

[mark.in]

Grazie ho provato, è la stessa cosa, lasciando il float left annulla lo sfondo del div main, togliendolo la colonna 4 scende.
Questa è la parte del css del main:

#div main { clear:both; margin-top:15px; margin-bottom:5px; margin-left:auto; margin-right:auto; text-align:center; width:80%; }

Ho creato al volo uno schema del sito, lo allego

imageshack.us /photo /my-images /338/schemay.jpg