para centrar un diseño yo utilizo este simple script
Cita: <html>
<head>
<title>Untitled</title>
</head>
<body>
<script>
LeftPosition=(screen.width)?(screen.width-1000)/2:100;
document.write("<div style='position:absolute; top:0px; width:1000px; z-index:1; left: "+LeftPosition+"px;'>");
</script>
... EL CÓDIGO DE TU DISEÑO
</div>
</body>
</html>
ahora, para centrar el diseño debes tener en cuenta el ancho del mismo.... en el ejemplo es de 1000px (revisa el código y encontrarás el valor que menciono), de suerte que si el diseño tiene 800px de ancho entonces simplemente lo reemplazas
Para más información sobre el ancho de un web puedes revisar este artículo (esta en inglés pero es comprensible)
http://www.w3schools.com/browsers/browsers_display.asp
Sobre como hacer para que se vea igual en todos los browsers..... bueno, no hay comando ni scipt ni nada por el estilo.... simplemente hay que revisar tags y CSS standar y nada más..... evitar los comandos "especiales".... también sirve usar frameworks como jQuery...