菜单的隐藏不是我想的那样，好像是事件冒泡的问题

function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}    <div class="menu" id="menu-index" onmouseout="MM_showHideLayers('menu-index','','hide')">
      <span class="menu-content">safasdf</span>
      <span class="menu-content">safasdf</span>
      <span class="menu-content">safasdf</span>
    </div>鼠标一离开span菜单就隐藏了。有没有不用js的方法？实在不行我就要用图片内链接了，不过这样好像就做不了鼠标经过的效果了。
或者能不能给个不懂js的人直接就能用的方法，网上搜了几个，不会用。我学过C，js只能看个大概。