Lo siento, pero me pasa como a Aresillo, tienes definidos estilos por todos los lados, en el head, en el body...
Así que voy a olvidarme de tu código y a repetir yo (una vez más, y ya he perdido la cuenta) la forma de centrar horizontalmente la página mediante css:
Tengamos un div que va a ser el contenedor de nuestra página, esto es, en él vamos a colocar TODO el contenido que queramos que se muestre centrado. Lo identificaremos como <div id="contenedor">
Le asignamos un identificador único (id) porque en esa página no habrá otro div con ese nombre.
En el css definimos las propiedades del mismo:
Cita: #contenedor {margin: 0 auto;
width: 970px; /*es muy importante que tenga definida una anchura, (ya lo aprendí, Mik ;)*/
/*resto de las propiedades que quieras definir*/}
y en el html sólo tienes que incluir:
Cita: </head>
<body>
div id="contenedor>
<!-- todo el contenido de la página -->
</body>
Sería conveniente que al inicio del .css lo resetees. (sólo tienes que buscar por ese término)
Creo que a partir de hoy haré un contador con las veces que se responde ésto