lo solucione asi
<head>
<script language="Javascript">
function mostrar(nombreCapa){
document.getElementById(nombreCapa).style.visibili ty="visible";
}
function ocultar(nombreCapa){
document.getElementById(nombreCapa).style.visibili ty="hidden";
}
</script>
</head>
<body>
<div id="capa1" style="position:absolute;width:50;height:10;top:10 0;left:120;background-color:#000000" onmouseover="mostrar('capa2')"><font color="#ffffff" face="tahoma" size="1.5px"><b>Ver menu</b></font></div>
<div id="capa2" style="position:absolute;width:120;height:210;top: 120;left:40;background-color:#000000;visibility:hidden" onmouseout="ocultar('capa2')">
estase abre
</div>
es muy sencilla de entender
</body>