Differenze interpretazione codice css browser

Salve Forum di Altervista, scrivo qui perchè sono davvero disperato..
Io ho un sito, con un Layout strutturato in DIV, e CSS, e mi sono ritrovato con un problema... In pratica, su Google Chrome tutto OK, Internet Explorer quasi tutto ok (Footer, ovvero il pezzo con scritto "Affiliati" spostato tutto in basso e l'immagine del bordino destra scomparso).. Mentre su FireFox, Opera (Non ho testato altri Browser) si vede tutto completamente scombussolato.. Provate voi stessi, vi lascio il link del sito, e del codice CSS.
HomePage: www.trypokenet.altervista.org/homepage.php
CSS: www.trypokenet.altervista.org/main.css

Spero che riusciate ad aiutarmi, perchè non so più che fare...
Grazie in anticipo

[karl94]

Innanzitutto togli gli spazi tra il valore e l'unità di misura:

height: 10 px;

non è corretto, si deve scrivere

height: 10px;

Poi hai impostato il float di un immagine su center, è un errore, togli il float. Se ci sono altri errori, usa la console degli errori per trovarli.

Grazie Karl, mi hai risolto alcuni problemi :)
Comunque, non ho trovato nessun float center
Sapresti dirmi più o meno, dove si trova? (Si, xD lo so, sono stressante)
Ah, e per console degli errori che intendi? (W3C?)

[karl94]

Grazie Karl, mi hai risolto alcuni problemi :)
Comunque, non ho trovato nessun float center
Sapresti dirmi più o meno, dove si trova? (Si, xD lo so, sono stressante)

Quella proprietà CSS è applicata inline ad un img nella homepage, precisamente alla riga 53

Ah, e per console degli errori che intendi? (W3C?)

La console degli errori è uno strumento messo a disposizione dal browser, su Firefox la puoi aprire dal menù Strumenti, su Chrome la trovi negli Strumenti per sviluppatori, ma è chiamata Console javascript (ma mostra anche gli errori di sintassi HTML e CSS). Su Sirefox mi segnala ancora 3 errori nel CSS.