Posicion de capas, en navegador ok en vista diseño mal

[flasdetul]

Holas, estoy peleandome con el dreamweaver y por mucho que busco en el foro no encuentro la solución... el caso es que tengo dos capas, una con la imagen de cabecera de la web y la siguiente con el menu (dentro de una tabla) y no se como hacer para que me quede una debajo de la otra... bueno en realidad cuando la veo en el navegador me sale bien pero en la vista diseño del dreamweaver me sale una superpuesta a la otra y trabajar asi es un kaos

la he hecho las dos con posicion absoluta y les he puesto la posicion en pixeles, copio el codigo:

<!--
#capatitulo {
position:absolute;
width:960px;
height:149px;
z-index:1;
left: 50%;
margin-left: -480px;
}

#menu {
position:absolute;
width:960px;
height:30px;
z-index:2;
left: 50%;
margin-left: -480px;
top: 155px;
}
-->


lo que no entiendo es porque al hacer la vista previa en el navegador lo veo bien y en la vista diseño la capa de menu me sale un poco superpuesta a la del titulo

tendria que hacer la de menu con posicion relativa?? soy muy nuevo en esto perdonad mi ignorancia pero aunque he encontrado muchos posts hablando de las posiciones de capas no me aclaro

gracias de antemano y un saludo