gracias karlankas, andaba buscando como hacer esto de forma sencilla y pudiendolo modificar sin problemas para crear menús y submenús (aun estoy en ello, espero no arruinar tu script).
Esto es lo que llevo
Código HTML:
<html>
<head>
<title>Untitled</title>
<script>
function ver(ide,visible) {
obj = document.getElementById(ide);
obj.style.display = (visible)?'block':'none';
}
</script>
</head>
<body>
<!--Menu principal-->
<div id="menup">
<table>
<tr><td class="mpc"><a href="#" onMouseOut="ver('spc',false); return false" onMouseOver="ver('spc',true); return false" >Capa 1</a></td>
<td class="mjuegos"><a href="#" onMouseOut="ver('sjuegos',false); return false" onMouseOver="ver('sjuegos',true); return false">Capa 2</a></td></tr>
</table>
</div>
<!------------------->
<!--SubMenus-->
<div id="spc" onMouseOut="ver('spc',false); return false" onMouseOver="ver('spc',true); return false" style="display:none">
<table>
<tr><td><a href="#">Capa 1</a></td></tr>
<tr><td><a href="#">Capa 2</a></td></tr>
</table>
</div>
<div id="sjuegos" onMouseOut="ver('sjuegos',false); return false" onMouseOver="ver('sjuegos',true); return false" style="display:none;position:absolute; left:58px; top:30px;">
<table>
<tr><td><a href="#">Capa 1</a></td></tr>
<tr><td><a href="#">Capa 2</a></td></tr>
</table>
</div>
<!------------------->
</body>
</html> Aun me faltan los estilos pero es nada mas para darle diseño, lo funcional creo que si esta quedando.
Tambien vere como hacer para que cada celda de la tabla cambie de color (o cambie la imagen de fondo que seria un "boton" creado en photoshop) cuando paso el cursor sobre ella. Cuando tenga un menu mas completado si quieren lo pongo (esperando y no les sea muy confuso).
He de decir que este menu aun no lo usare, lo tendre como codigo de respaldo para cuando lo necesite (osea cuando mi sitio tenga mas contenido diferente para mostrar).