Come cambia la visualizzazione di un sito da Internet Explorer a Firefox

Entrambi commettono errori di visualizzazione rispetto al CSS impostato . E sono errori che potrebbero compromettere l'intera impaginatura di un sito .

Prendiamo ad esempio l' homepage del sito www.risparmiainrete.it, costruito in PHP con il CMS Flatnuke.
Gli esempi sono presi da un pc con Windows XP e Microsoft Internet Explorer Versione 7.0.5730.11  e Mozilla Firefox versione 2.0.0.15
Ho verificato anche con Google Chrome Versione 2.0.172.39 e la visualizzazione è identica a Firefox.

Queste sono le due immagini:

1- homepage del sito www.risparmiainrete.it con Microsoft Internet Explorer

2- homepage del sito www.risparmiainrete.it con Mozilla Firefox

Ecco le differenze con indicato tra parentesi quale programma esegue la visualizzazione corretta:

1 - Il banner in Header in alto su Firefox è allineato a sinistra, su IE al centro  (IE)
2 - Il sottotitolo "Guida al rispamio con Internet" in Firefox è staccato dall'Header, in IE è attaccato (IE)
3 - I text link pubblicitari dell'Header in Firefox ne fanno parte e sono alla destra del sottotitolo, in IE vengono centrati sotto l'Header (F)
4 - Il menù orizzontale è centrato in Firefox ed allineato a sinistra in IE (F)
5 - Le spaziature nei box in colonna, tra il titolo del box ed il testo, sono maggiori in Ie che in Firefox (F)
6 - In Firefox manca il bordino verde dopo la colonna di destra. In IE è corretto.  (IE)
7 - Nonostante il carattere sia impostato nei div del CSS, Ie e Firefox utilizzano caratteri diversi, anche in grandezza, e l'impaginazione dei testi di tutto il sito è differente  (IE o F  ????)

Se facciamo il conto c'è un sostanziale pareggio degli errori ...