Img che non segue le istruzioni CSS

[webtemplum]

Ciao a tutti,
ho queste tre classi:

.float-left {
	float: left;
}
.icone-social {
	margin-left: 10px;
	margin-right: 10px;
	width: 55px;
}
.primo {
	margin-left: 0px;
}
.ultimo {
	margin-right: 0px;
}

E questo codice html

[img]01.jpg[/img]
[img]01.jpg[/img]
[img]01.jpg[/img]
[img]01.jpg[/img]

In cui, flottando le 4 immagini, annullo come chiaro il margine della prima e il margine dell'ultima.
Solo che assolutamente non vengono annullati tali margini...

Provando con firebug, vedo che vengono caricate solo le prime due classi e se "a manina" spengo il margine left della prima (sul simbolo del divieto) ALLORA mi carica anche la classe "primo"....

Tengo a precisare che la stessa struttura la uso anche sui div, per flottare in una griglia da 940 ad esempio due box, a cui al primo e all'ultimo annullo i margini altrimenti non rientrano nei 940...

SPero di essere stato chiaro... grazie a tutti coloro che sapranno darmi una indicazione sul perchè...

grazie!!!

[fcaldera]

provando il tuo codice le classi primo e ultimo vengono applicate per cui può essere che il problema non dipenda strettamente da ciò che hai postato.

fermo restando che puoi dare !important ai margini delle due classi, se posti un link alla pagina in questione sarebbe meglio

[webtemplum]

Risolto con !important !

In effetti ne sapevo l'esistenza ma non l'avevo mai usato.

Ti ringrazio!