Optimizar CSS para Ferefox IE6 e IE7

Buena a todos, estoy tratando de optimizar mi sitio para estos navegadores, estube estudiando estos códigos pero en las dos versiones de IE no me funcionan... aquí les paso el código CSS.
Alguno sabe cual puede ser el error?

Código :

/* para firefox */
#page {
   width: 48em;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   margin-top: -1em;
}

/* para IE6  */
* html #page {
   width: 48em;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0em;
}

/* Para IE7  */
*:first-child+html #page {
   width: 48em;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   margin-top: -1em;
}
   

¿Podrías comentarnos qué es exactamente lo que no te funciona?

Y más que hacks, te recomendaría que uses comentarios condicionales para crear hojas paralelas sólo para IE6/IE7 (Dare I say, IE8? )

lo que no funciona es el "margin-top". En Las versiones de IE la queda un toque más abajo que en firefox.

Hombre, optimizar para un navegador no quiere decir que se vea igual que en los otros navegadores, sino que se vea bien. Por lo que entiendo de tu post, en IE se ve bien pero un poco diferente (no tengo clara la equivalencia entre "un toque" y unidades de medida como px o em, pero supongo que "un toque" es poco). En ese sentido, decirte que no te preocupes por esas pequeñas diferencias, y centrarte en optimizar textos que se salen de los márgenes, imágenes que tapan textos y cosas así.

Y recomendarte como ya ha hecho Yaraher el uso de comentarios condicionales para IE.

Un saludo.

Perdón si usé una terminología un poco callejera, voy a probar lo de los comentarios condicionales.