Viendo los problemas que tenia con el Javascript decidí canviar el menú. Como se puede ver en el link el menú casi funciona a la perfección jaja.
http://mhou.es/prv/mgl2.php
Solo hay un pequeño detalle que no se como solucionar. El submenú
aparece no solo cuando se pasa por encima de su "padre" sino también cuando paso por encima de su zona.
Gracias por todo.
dejo el CSS
Código:
body {
font-family: Arial, Helvetica, sans-serif;
background-color:#4D4D4D;
text-align:center;
margin:0 auto;
padding:0px;
}
#contenedor{
width:870px; height:1098px; padding:0px;
margin:0 auto; vertical-align:top; position:relative; top:-15px;
}
#cap{
width:870px; height:93px; vertical-align:bottom;}
.menu {width:480px; float:right; position:relative; left:-40px; top:40px; }
.menu ul {padding:0;margin:0;list-style-type:none; float:right; }
.menu ul ul {width:200px; background-color:white;}
.menu li {float:left;width:95px;position:relative; }
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:white; width:85px; height:60px;
position:relative; top:15px; }
.menu ul ul a.drop, .menu ul ul a.drop:visited {display:block;font-size:10px;text-decoration:none; color:white; width:85px; height:40px; padding:0px; vertical-align:middle; position:relative; top:1em; }
.menu ul ul :hover > a.drop { display:block;font-size:10px; font-weight:bold; text-decoration:none; color:#FFDCB9; width:85px; height:40px; padding:0px; vertical-align:middle; position:relative; top:1em; }
.menu ul ul a.drop p,.menu ul ul :hover > a.drop p { line-height:normal;}
.menu ul ul {visibility:hidden;position:relative;top:-6px; left:0px; background:url(Imagenes/desplegable.png) no-repeat top center; width:96px; height:90px; }
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu a:hover, .menu ul ul a:hover{ position:relative; top:15px; }
.menu ul li{ background:url(Imagenes/boton_menu_servicios.png) top center no-repeat; }
.menu ul li a{}
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible; }
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{ visibility:visible;}