Hola engels. Tus capas se mueven por la razón que ha expuesto juaniquillo. Dependiendo de la resolución de pantalla del usuario que la vea estas se veran de una forma u otra, si quieres que siempre te salgan centradas puedes usar el siguiente codigo.
Despues del title pones:
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#Nombre de tu capa {
position:absolute;
left:50%;
top:50%;
width:ancho de tu capa px;
height:alto de tu capa px;
margin-top: -mitad del alto de tu capa px;
margin-left: -mitad del ancho de tu capa px;
z-index:1;
}
</style>
En el body pones:
<div id="Nombre de tu capa"> contenido de tu capa </div>