yo he probado el código y sí me funciona. en la página especifican que es posible que no funcione en internet explorer. quizás sea eso. sino, debe de ser el código que usas (el que has puesto), pues lo he probado y no me funciona como debería.
este es el código final (ya que hay varios apartados donde se va explicando paso por paso el procedimiento):
Código PHP:
<style type="text/css">
ul.menu
{
list-style:none;
}
ul.menu li
{
position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
width:70px;
}
ul.menu ul
{
position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
left:30px; /* Para que no monte sobre el <li> */
top:-1px;
display:none;
list-style:none;
}
ul.menu li:hover > ul
{
display:block;
}
</style>
<ul class="menu">
<li>opcion 1
<ul>
<li>una a</li>
<li>una b</li>
</ul>
</li>
<li>opcion 2
<ul>
<li>una c
<ul>
<li>otra</li>
<li>mas</li>
</ul>
</li>
<li>una d</li>
</ul>
</li>
</ul>
ese código puedes modificarlo de modo que quede como a ti te guste (con color, con fondo, con bordes o sin ellos, con sombras...)