El truco es más bien tonto, pero yo no lo conocía hasta que un compañero del trabajo (JuanPe el rei!!) me lo ha comentado.
La idea es la siguiente.
Creamos un div que englobará a todos los elementos de la página y le damos un tamaño, hasta aqui todo bien, pero ahora viene la mágia.
En el CSS debemos darle las siguiente propiedades al body y al contenedor.
body{text-align:center}
#cont{width:790px;margin-left:auto;margin-right:auto;text-align:left}}
Siendo #cont el contenedor de todo y pones el text-align:left para que el contendor no herede el text-align:center del body.
Espero que le sirva a alguien como me ha servido a mi.
Actualizo
Gracias a Ruben Lozano, por aclarar el mal entendido que puede dar a lugar con este título. La solución la podido probar en IE 6,7, firefox y el SafariTest.
Me refiero a los que he probafo, yo hasta ahora usaba eso pero en IE me estaba fallando, si miras un post que hay más abajo lo verás.
Pues que yo sepa, simplemente con poner lo siguiente en el div contenedor vale:
#cont { width: 790px; margin: 0 auto; }
Aunque creo recordar que alguna versión de explorer no lo soporta. Tu cuando dices “todos los navegadores”, ¿a cuales te refieres?