目录式导航栏重叠

为什么我的两个菜单导航会重叠在一起，求大虾指导？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>档</title>
<SCRIPT language=javascript><!--
function out()
{
if(window.event.toElement.id!="menu"         &&        window.event.toElement.id!="link")
  menu.style.visibility="hidden";
}
//-->function out1()
{
if(window.event.toElement.id!="menu1"         &&        window.event.toElement.id!="link")
  menu1.style.visibility="hidden";
}
//-->
</SCRIPT>
</head><body>
aa
<div id="back" onmouseout="out()"style="position:absolute;top:180;left:310;width:160;height:40;z-index:1;visibility:visible;">
<span id="menubar"  onmouseover="menu.style.visibility='visible'">
<font  color=red size=2>菜单</span>
<div border=1  id="menu" style="position:absolute;top:15;left:0;width:50;height:10;z-index:2;visibility:hidden;">
<a id="link" href="rjxz.htm">软件下载</a>
<a id="link" href="yxxz.htm">游戏下载</a>
<a id="link" href="hjsj.htm">黄金书籍</a>
<a id="link" href="mntk.htm">美女图库</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH</a>
</div>
</div>
<div id="back" onmouseout="out1()"style="position:absolute;top:180;left:370;width:160;height:40;z-index:3;visibility:visible;">
<span id="menubar"  onmouseover="menu1.style.visibility='visible'">
<font  color=red size=2>菜单</span>
<div border=1  id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;">
<a id="link" href="rjxz.htm">软件下载</a>
<a id="link" href="yxxz.htm">游戏下载</a>
<a id="link" href="hjsj.htm">黄金书籍</a>
<a id="link" href="mntk.htm">美女图库</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH</a>
</div>
</div>
</body>
</html>

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>档</title>    <script language="javascript"><!--
    function out()
    {
    if(window.event.toElement.id!="menu" && window.event.toElement.id!="link")
      menu.style.visibility="hidden";
    }
    //-->function out1()
    {
    if(window.event.toElement.id!="menu1" && window.event.toElement.id!="link")
      menu1.style.visibility="hidden";
    }
    //-->
        </script></head>
    <body>
        aa
        <div id="back" onmouseout="out()" style="position: absolute; top: 180px; left: 310px;
            width: 160px; height: 40px; z-index: 1; visibility: visible;">
            <span id="menubar" onmouseover="menu.style.visibility='visible'"><font color="red"
                size="2">菜单</span>
            <div border="1" id="menu" style="position: absolute; top: 15px; left: 0px; width: 50px;
                height: 10px; z-index: 2px; visibility: hidden;">
                <a id="link" href="rjxz.htm">软件下载</a> <a id="link" href="yxxz.htm">游戏下载</a> <a id="link"
                    href="hjsj.htm">黄金书籍</a> <a id="link" href="mntk.htm">美女图库</a> <a id="link" href="mp3.htm">
                        MP3金曲</a> <a id="link" href="flash.htm">FLASH</a>
            </div>
        </div>
        <div id="back" onmouseout="out1()" style="position: absolute; top: 180px; left: 370px;
            width: 160px; height: 40px; z-index: 3; visibility: visible;">
            <span id="menubar" onmouseover="menu1.style.visibility='visible'"><font color="red"
                size="2">菜单</span>
            <div border="1" id="menu1" style="position: absolute; top: 15px; left: 0px; width: 50px;
                height: 10px; z-index: 4; visibility: hidden;">
                <a id="link" href="rjxz.htm">软件下载</a> <a id="link" href="yxxz.htm">游戏下载</a> <a id="link"
                    href="hjsj.htm">黄金书籍</a> <a id="link" href="mntk.htm">美女图库</a> <a id="link" href="mp3.htm">
                        MP3金曲</a> <a id="link" href="flash.htm">FLASH</a>
            </div>
        </div>
    </body>
    </html>
    那个width,height,top,left 属性上要加上单位。如px,pt,em等等，不要光写数字