Hola, pues estoy haciendo un menu desplegable con css y no consigo saber por que no me despliega el unico submenu que tengo, si me dierais una pista por donde meterle mano lo agradecería. Ahi os pongo el código
CSS:
Código:
/* CSS Document */
#menudinamico {
list-style:none;
display:block;
text-transform:uppercase;
font-size:10pt;
font-weight:bold;
background-color:white;
font-family:Helvetica,Arial,Verdana,sans-serif;
border-bottom:4px solid #39F;
border-top:4px solid #39F;
border-left:4px solid #39F;
border-right:4px solid #39F;
opacity:0.5;
border-radius:35px;
-moz-border-radius:35px;
behavior: url(/js/PIE.htc);
}
#menudinamico li {
display:inline;
position:relative;
margin:0;
padding:0;
}
#menudinamico li a {
display:block;
float:left;
color:#39F;
text-decoration:none;
font-weight:bold;
padding:12px 10px 0 12px;
height:24px;
}
#menudinamico li a:hover {
background-color:#39F;
color:white;
opacity:0.5;
border-radius:35px;
-moz-border-radius:35px;
behavior: url(/js/PIE.htc);
}
ul#menudinamico ul {
display:none;
}
ul#menudinamico ul a:hover {
display:block;
}
#menudinamico li ul a:hover {
display:block;
position:relative;
}
#submenu li a:hover {
background-color: #000;
color:#F00;
}
MENU
<div id="menu">
<ul id="menudinamico">
<li><a href="#" onclick="FAjax ('inicio.html','texto',null,'GET'); return false">Inicio</a></li>
<li><a href="#" onclick="FAjax ('QuienesSomos.html','texto',null,'GET'); return false" title="">Quienes somos</a></li>
<ul id="submenu">
<li><a href="#" title="">Historia</a></li>
<li><a href="#" title="">Productos</a></li>
</ul>
<li><a href="#" title="">Localizacion</a></li>
<li><a href="#" title="">Galeria</a></li>
<li><a href="#" title="">Contacto</a></li>
<li><a href="#" title="">Otros</a></li>
<li><a href="#" title="">Enlaces</a></li>
<li><a href="#" title="">Webs</a></li>
</ul>
</div>