CSS: margin en IE

Quise ir más allá. Algún fenómeno extraño hacía que esta web no se viera centrada en un Internet Explorer. Hasta hace poco he tomado una actitud totalmente pasiva ante este pequeño problema, lo típico "quien entre con un IE, que se fastidie"; creo que la gente debe ser consciente del navegador que maneja, la seguridad que reporta, etc... Pero también entiendo que no todo el mundo puede cambiar de navegador por capricho.


Además de todo esto, ayer navegando en un XP y dispuesto a asombrar a propios y extraños con mi nuevo diseño, no me percaté del problemilla y no me hizo gracia que la web no se viera como debe hacerlo. Dándole vueltas al css y a comentarios de la anterior anotación observo que _creo_ tener todo correcto:

body

{

	color: #666;

	text-decoration: none;

	margin: 0px;

	padding: 0px;

	...

}

.Cuerpo

{

	width: 750px;

	margin: auto;

	border: 1px solid black;

}

Vemos que la propiedad [margin: auto;] de .Cuerpo no tiene fallos sintácticos y está correctamente situada. Pero sigue sin verse en IE. Después de varias pruebas, consultas y quebraderos me doy cuenta del "fallo", no sé si es fallo del IE o mío, pero no le veo mucha lógica. El problema está en que falta un [text-align: center;] dentro del body. Quedando el resultado tal que así:

body

{

	color: #666;

	text-align: center;

	text-decoration: none;

	margin: 0px;

	padding: 0px;

	...

}

.Cuerpo

{

	width: 750px;

	margin: auto;

	border: 1px solid black;

}

Claro está que una vez añadida esa propiedad y revisada la web, tengo que parchear un par de divs con [text-align: left;] para que todo siga viéndose correctamente. Espero que ahora todos los usuarios sea cual sea el navegador, disfruten un poco más de estas líneas.