me salio por lo pronto esto:
Código PHP:
<html>
<head>
<title>Menu de navegacion desplegable</title>
<style type="text/css">
.tabla{background:#FF9900; color:black; font-weight:bold; font-family:verdana,arial; font-size:9; cursor:default;}
.sub{background:#FF9900; color:black; font-weight:bold; font-family:verdana,arial; font-size:9; cursor:default; visibility:hidden; position:absolute; top:20; left:20;}
</style>
<script type="text/javascript">
//funcion que cambia el color de la celda
function cambiar(celda){
if(celda.style.background=="#FFCC00")
celda.style.background="#FF9900" //color encima
else
celda.style.background="#FFCC00" //color inicial
}
//funcion que oculta/muestra el menu
function mostrar(menu){
if(document.all[menu].style.visibility=="visible")
document.all[menu].style.visibility="hidden"
else
document.all[menu].style.visibility="visible"
}
//funcion para posicionar
function posicionar(){
sm1.style.top=m1.style.top;
sm1.style.left=m1.style.left;
}
</script>
</head>
<body onLoad="posicionar()">
<!-- Menu principal -->
<table class="tabla" border=1 bordercolor="black" cellpadding=3 cellspacing=0 align="center">
<tr>
<td onMouseOver="cambiar(this),mostrar('sm1')" onMouseOut="cambiar(this),mostrar('sm1')" id="m1">Enlace 1</td>
<td>Enlace 2</td>
<td>Enlace 3</td>
<td>Enlace 4</td>
</tr>
</table>
<!-- Primer submenu del menu desplegable -->
<div style="position:absolute;top:15;left:340;" onMouseOver="cambiar(this),mostrar('sm1')" onMouseOut="cambiar(this),mostrar('sm1')">
<table id="sm1" class="sub" width="59">
<tr>
<td border=1 bordercolor="black" cellpadding=3 cellspacing=0 align="center" width="53">Enlace 1.1</td></tr>
<tr><td width="53">Enlace 1.2</td></tr>
<tr><td width="53">Enlace 1.3</td></tr>
<tr><td width="53">Enlace 1.4</td></tr>
</table>
</div>
<br><br>
</body>
</html>
jejejeje, mejor lo pruebas en frontpage, porque no lo exporte a html, lo digpo por la posicion, pero si funciona, de ahi te puedes basar, suerte.
Saludos !