Lo que sucede con cssplay es que son experimentos para la web, él autor solo demuestra la posibilidad del css, el único problema es que no todos sus experimentos son válidos, ni sirven para el uso normal en una web, debido al fuerte uso de hacks, condicionales IE y "workarounds". Son solo experimentos y no todos valen la pena ser usados.
Para ese tipo de menú yo haria algo como esto.
Código :
<ul id="nav">
<li><a href="#">Link</a>
<ul>
<li><a href="#">Sub Link</a></li>
</ul>
</li>
<li><a href="#">Link</a></li>
</ul>
Código :
#nav li ul { display:none; }
#nav li:hover ul { display:block; }Eso deberia funcionar en todos los navegadores actuales: Firefox 2, IE7, Safari2, Opera9.
Si quieres mayor soporte podrias usar este javascript que acabo de hacer, solo se agrega la línea nav('id_de_tu_lista'); en el window.onload y cambiar un poco el css.
Código :
<script type="text/javascript">
function nav(mylist){
mylist = document.getElementById(mylist);
lis = mylist.getElementsByTagName('li');
for(i=0;i<lis.length;i++){
lis[i].onmouseover = function(){
this.setAttribute('class','hover');
}
lis[i].onmouseout = function(){
this.removeAttribute('class');
}
}
}
window.onload = function(){
nav('nav');
}
</script>Código :
#nav li:hover ul, #nav li.hover ul { display:block; } 
U
