Problema posizionamento div con Firefox

[geppo99]

Ciao,

dopo aver studiato la vostra stupenda guida ed essermi letto un sacco di Post in questo forum sono riuscito a creare una pagina Tableless proprio come piace a me.

Varie volte ho letto che il Browser con più problemi è IE e quindi, felice di vedere che con questo Browser la mia pag. funzionava perfettamente, ho voluto fare un test con Firefox.

Sono rimasto molto male nel vedere che con questo Browser la pag. in questione è illeggibile!! Allora voglio ricominciare tutto da capo e vedere dove sbaglio. La pag. la potete visitare qua: http://www.webalice.it/fabio.bertagnolli/
Il codice è dentro la pagina (visualizza html).

Ho ricominciato creando una tabella con Frontpage all'interno della quale ho inserito il solito container con l'header. Com'è che con IE8 risulta centrato e con Firefox spostato a sx?
Io proprio non saprei da dove cominciare. Aiutatemi voi per favore!! Questo è il testo css:

##
body, html {
widht: 100%;
margin: 0; auto;
text-align: center;
background: #ff9;
}

div#container {
text-align: center;
background: #eee;
width: 600px;
height: 300px;
}
div#header {
background: #e6e;
width: 250px;
}

p
{
font: bold 12px Verdana;
margin-top: 0px;
}
##
grazie,

geppo99

[Mich_]

L'errore principale sta qui:

Ho ricominciato creando una tabella con Frontpage

.
Frontpage e` il modo migliore per fre una cosa che funzioni solo in IE.
Visto che metti mano al codice con la tua testa, abbandona gli strumenti che ti fanno il lavoro ma non ti danno gli strumenti per correggerlo.


Comunque l'errore nel coidce sta nell'aver messo i margini automatici al body (non hanno senso i margini al body, che in alcuni browser occupa tutta la finestra), e non averli messi invece al container.

E anche il text-align, che nel tuo caso serve per centrare il container in IE, va messo nel body, mentre nel container potrebbe essere necessario resettare tale proprieta` (che e` ereditata) con un text-align: left;