tu problema es que les estas diciendo a tus capas que se posicionen a la vez relativa y absolutamente.
tienes:
<div id="capa1" style="
position:absolute; z-index:1" class="capa1">
y luego:
.capa1 {
position: relative;
height: 132px;
width: 401px;
left: 29px;
top: 14px;
background-image: url(../activos/imagenes/logo%20caribe.gif);
background-repeat: no-repeat;
}
Tienes que decidirte por UN modo de posicionamiento, absoluto o relativo, y ajustar todas las capas.