Para centrar una capa tanto horizontal como verticalmente uso esto:
Código:
<HTML>
<HEAD>
<style>
#centrado {
position: absolute;
margin-top:50%; margin-left:50%;
top:-250px; left:-250px;
width: 500px; height: 500px;
border: 1px solid #000;
text-align: center;
}
</style>
</HEAD>
<BODY>
<div id=centrado>X</div>
</BODY>
</HTML>
PERO NO ME QUEDA CENTRADO ¿POR QUE?