Tienes razón, se descoloca el menú, así que me he hecho un modelo parecido al de la página un poco simplificado para que lo veas bien. Lo importante es que entiendas el funcionamiento, y luego con tus propios conocimientos te hagas uno nuevo, sino, va a ser peor. Aquí te lo pongo. Si tienes alguna duda con mi código dímelo y te la aclaro.
<STYLE type=text/css>BODY {
BACKGROUND-COLOR: #000000; COLOR: #000000; MARGIN-LEFT: 5px; MARGIN-TOP: 5px
}
#cabecera {
BACKGROUND-COLOR: #cccccc; HEIGHT: 60px; WIDTH: 710px;POSITION:relative;
}
#anchocuerpoprincipal {
HEIGHT: 135px; MARGIN-BOTTOM: 5px; MARGIN-TOP: 5px; WIDTH: 710px; BACKGROUND-COLOR: #FFFFFF;position:relative;
}
#cuerpoprincipal {
BACKGROUND-COLOR: #000000;color:#ffffff; POSITION: absolute;margin-top:10px;width:400px;left:155px;
}
#menuizq {
BACKGROUND-COLOR: #ff3366; HEIGHT: 60px; POSITION: absolute; WIDTH: 152px;text-align:left
}
#celdaprincipal {
BACKGROUND-IMAGE: url(azualhpeq2.gif); BORDER-BOTTOM: 10px; BORDER-LEFT: 10px; BORDER-RIGHT: 10px; BORDER-TOP: 10px; LEFT: 157px; POSITION: relative; WIDTH: 408px
}
#celdaprincipal2 {
BACKGROUND-COLOR: #00ff00; MARGIN: 10px
}
#menudch {
BACKGROUND-COLOR: #0033cc; HEIGHT: 40px; POSITION: absolute; RIGHT: 0px; WIDTH: 140px
}
#piedepagina {
BACKGROUND-COLOR: #ffcc00; HEIGHT: 60px; MARGIN-TOP: 0px; POSITION: relative; WIDTH: 710px
}
</STYLE>
<META content="MSHTML 5.00.2614.3500" name=GENERATOR></HEAD>
<BODY>
<DIV id=cabecera>Cabecera </DIV>
<DIV id=anchocuerpoprincipal>
<DIV id=menuizq>Menu izquierdo <BR><BR>contenido....... <BR><BR>contenido.......</DIV>
<DIV id=cuerpoprincipal>Este es el cuerpo principal</DIV>
<DIV id=menudch>Menu derecha <BR><BR>contenido.......<BR>< BR>contenido....... </DIV>
</DIV>
<DIV id=piedepagina>Piedepágina </DIV>
Un saludo
Val Muñoz de Bustillo.<BR>
Todo sobre DHTML y javascript en <A HREF="http://www.iespana.es/topscripts">TopScripts</A>