Problema blocchi css

[nirv]

Vorrei fare una galleria di immagini.
In IE funziona bene, mentre in Firefox c'è un problema.

Posto qui le 2 immagini

IE: http://www.gameskeepers.com/minia2.jpg
Firefox: http://www.gameskeepers.com/minia1.jpg

Come vedete in firefox l'immagine intitolata "cacciatore3" dovrebbe stare a sinistra di "cacciatore2", mentre è andato tutto a destra e le restanti immagini sono scalate

Questi sono i codici css che ho usato:

#cella_centrale
{
width: 660px;
padding: 0px 14px 0px 15px;
}
.blocchi_riga
{
width: 631px;
margin: 10px 0px 10px 0px;
text-align: left;
}
.blocchi_imgs
{
float: left;
width: 126px;
text-align: center;
padding: 0px 1px 0px 0px;
}

"cella_centrale" è il contenitore principale (contiene altre cose oltre alle immagini) con 2 margini laterali da 14 e 15px ed una larghezza di 660px.
Poi ho pensato di creare dei blocchi riga che conterranno 5 immagini ognuno. "blocchi_riga" serve allo scopo.
Per ultimo ho creato i blocchi che conterranno le singole immagini (127px * 5 immagini = 630px).

Pur rispettando le dimensioni massime ed i margini laterali in pixel ho sempre questo problema.
Soluzioni?

[Mich_]

Il padding e` interpretato in modo errato da IE.
Probabilmente tu utilizzi quel baco per creare dei margini.

La soluzione che viene normalmente proposta e` eliminare il padding e creare lo spazio mediante margin di un div intermedio (da mettere subito all'interno del div con il padding).

Se guardi nei siti tipo constile ed altri che trovi tra i "link utili" di questo forum, trovi una spiegazione molto migliore della mia.

[nirv]

k grazie mille!