Duda con Tutorial de posicionamiento y layout en CSS

Hola!:
estaba revisando este tutorial http://www.cristalab.com/tutoriales/111/tutorial-de-posicionamiento-y-layout-en-css y decidí ponerme a prácticar con unas imagenes que tengo para ver los resultados, pero resulta que no me centra el contenido en FireFox , esto fue lo que puse:

Código :

body{
   background:#000;
   font:10px Verdana, Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   text-align:center;
   margin:0;
}

El ejemplo del tutorial lo vi en FireFox y jaló muy bien, pero no se por que no jala en mi compu.

Gracias!

El "text-align:center; como explique ahi es solo un hack para IE. Lo que centra el contenedor en el navegador es realmente:

Código :

#contenedor {
   width:600px;
   border:1px solid #333333;
   background-color:#FFF8F0;
   margin:10px auto; // <---Esto
   text-align:left;
   }

Pues no, realmente esto esta raro , te dejo el link para que veas la pagina, como lo mencionaba, en IE se ve bien, pero en FireFox no:
http://www.cerlegal.com.mx/Cristalab/harryPotter/default.htm
El CSS lo encuentras por aca:
http://www.cerlegal.com.mx/Cristalab/harryPotter/CSS/myCSS.css

Gracias!

Ponele el

Código :

margin:10px auto; // <---Esto

dentro de #contenedor, no el el body de la página. De este modo:

Código :

body{
   background:#000;
   font:10px Verdana, Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   text-align:center; // <--- por acá estaba antes
}
#contenedor{
   width:800px;
   text-align:left;
   margin:10px auto; //  <--- ponelo acá
}

Saludos

Gracias, no había visto donde iba