menu escurridizo

[Mikmoro]

Yo diría que el problema lo tienes en el javascript:

sfHover = function() {
var sfEls = document.getElementById("nav2").getElementsByTagNa me("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

Si te das cuenta, le dices que afecte a todos los TagName que sean "li" dentro del "id nav2". Como los elementos secundarios que se despliegan también son "li", también les afecta la funcion onmouseout, es decir, que en cuanto te sales de uno el javascript le hace desaparecer.

Una forma de resolverlo un poco es cambiando en tus clases #nav2 a y #nav3 a el margen inferior (de 1px a 0px), en tu hoja de estilo "template_css.css", para que no haya distancia entre ellos, de manera que no lleguen a desaparecer.

#nav2 a{
display: block;
margin-bottom: 0px;
}
#nav3 a{
display: block;
margin-bottom: 0px;
}

No obstante, por aquí hay gente experta con Javascript que igual te aconseja alguna otra cosa mejor que yo para resolverlo.

Mikel.