prueba con esto
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin título</title>
<style>
*{
margin:0;
padding:0;
}
#contenedor{
width:760px;
/*esta linea centra el contenedor pero la capa debe tener un ancho*/
margin:30px auto;
border:solid 1px #000;
}
#capa1{
width:400px;
height:300px;
margin:20px auto;
background:#f00;
border:solid 1px #000;
}
#capa2{
width:600px;
height:400px;
margin:20px auto;
background:#0f0;
border:solid 1px #000;
}
</style>
</head>
<body>
<div id="contenedor">
CONTENEDOR
<div id="capa1">CAPA 1</div>
<div id="capa2">CAPA 2</div>
</div>
</body>
</html> las margin:0 auto; son las que centran las capas ojala te sirva
Saludos
