Errata visualizzazione su Mozilla

[Cribbiolo]

Ciao a tutti.
Questa è la pagina in questione: LINK
Su explorer7 viene visualizzata correttamente mentre su mozilla il titolo oltre ad essere piu piccolo, non mantiene la distanza dai bordi.
Dove sto sbagliando?
questa è la pagina css: CSS

Grazie a tutti

[fcaldera]

dal momento che ogni browser ha una dimensione di default di font diversa, devi necessariamente definire un font-size per h3 (e tutto il resto)

[Cribbiolo]

Originariamente inviato da fcaldera
dal momento che ogni browser ha una dimensione di default di font diversa, devi necessariamente definire un font-size per h3 (e tutto il resto)

Non è solo un problema di font-size che cmq ti ringrazio di avermi fatto notare.
Il problema sta nel marggin e nel padding degli elementi che non coincidono nei due browser

[Cribbiolo]

Originariamente inviato da fcaldera
dal momento che ogni browser ha una dimensione di default di font diversa, devi necessariamente definire un font-size per h3 (e tutto il resto)

Non è solo un problema di font-size che cmq ti ringrazio di avermi fatto notare.
Il problema sta nel margin e nel padding degli elementi che non vengono visualizzati allo stesso modo

[fcaldera]

si è vero, non l'avevo notato prima.
in ogni regola in cui hai un float e un margine diverso da 0 metti anche display: inline

è un bug di Explorer, non di mozilla. Si chiama "double margin bug"

[Cribbiolo]

Originariamente inviato da fcaldera
si è vero, non l'avevo notato prima.
in ogni regola in cui hai un float e un margine diverso da 0 metti anche display: inline

Niente. Ho inserito display:inline ma non è cambiato niente!
Link aggiornati: LINK e CSS

[Cribbiolo]

nessun suggerimento??