Делаю сайт для детского сада - нифига не получается вертикальное меню

<HTML>
<HEAD>
<TITLE>Выпадающее меню</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="robots" content="none">
<!--Этот скрипт взят с сайта infoweb.nm.ru-->
<link rel="stylesheet" type="text/css" href="styl.css">
<style type=text/css>
<!--
 body{background-color:#00CCFF; font-family: MS Sans Serif, tahoma, Verdana, Arial;  FONT-SIZE: 13px; color:#FFFFFF}
 A { color :#FFFFFF;  FONT-FAMILY:  Verdana, Arial; text-decoration:underline; FONT-SIZE: 10pt;}
 A:Hover { color :#FF0000; text-decoration: underline;}
.menu {POSITION: absolute;  top:0;  Z-INDEX: 22}
.submenu {POSITION: absolute; TOP: 22px; VISIBILITY: hidden; Z-INDEX: 19}
-->
</style>
<SCRIPT>
<!--
var old;
var memold;
var subold;
if(document.layers)
{
    window.captureEvents(Event.MOUSEDOWN);
    window.onmousedown=do_out;
} else
{
    document.onmousedown=do_out;
}
function show_layer(x)
{
    if(document.layers)
        document.layers[x].visibility="show";
    else
        document.all[x].style.visibility="visible";
}
function hide_layer(x)
{
    if(document.layers)
        document.layers[x].visibility="hide";
    else
        document.all[x].style.visibility="hidden";
}
function do_menu(x)
{
    if(!old)
        old=memold;
    if(old!=x)
    {
        show_layer(x);
        old=x;
    } else
        old="";
}
function do_check(x)
{
    if(old && old!=x)
    {
        hide_layer(old);
        show_layer(x);
        old=x;
    }
    do_submenu();
}
function do_out()
{
    if(old)
        hide_layer(old);
    memold=old; old="";
    do_submenu();
}
function do_submenu(x)
{
    if(subold)
    {
        hide_layer(subold);
        subold="";
    }
    if(x)
    {
        show_layer(x);
        subold=x;
    }
}
// -->
</SCRIPT>
</HEAD>
<BODY   TEXT="#CC3333"  BGCOLOR="#00CCFF"    TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" >
<a NAME="1"></a>
<DIV class=menu id=m1 style="LEFT: 5px">
<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=115>
  <TBODY>
  <TR>
    <TD><A href="javascript:do_menu('m1x')" 
      onmouseover="do_check('m1x')"><B>Меню1</B></A> </TD></TR></TBODY></TABLE></DIV>
<DIV class=submenu id=m1x style="LEFT: 5px">
<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=115>
  <TBODY>
  <TR>
    <TD><A href="http://infoweb.nm.ru/index.html">Ссылка 1</A><BR><A 
      href="#">Ссылка 2</A><BR><A 
      href="#">Ссылка 3</A><BR><A 
      href="#">Ссылка 4</A> 
</TD></TR></TBODY></TABLE></DIV>
<DIV class=menu id=m2 style="LEFT: 120px">
<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=100>
  <TBODY>
  <TR>
    <TD><A href="javascript:do_menu('m2x')" 
      onmouseover="do_check('m2x')"><B>Меню 2</B></A> </TD></TR></TBODY></TABLE></DIV>
<DIV class=submenu id=m2x style="LEFT: 120px">
<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=100>
  <TBODY>
  <TR>
    <TD><A href="http://infoweb.nm.ru/index.html" 
      onmouseover="do_submenu('m21x')">Ссылка 1.1</A> &gt;<BR><A 
      href="http://infoweb.nm.ru/index.html" 
      onmouseover=do_submenu()>Ссылка 2</A><BR><A 
      href="http://infoweb.nm.ru/index.html" 
      onmouseover="do_submenu('m22x')">Ссылка 3.1</A> &gt;</TD></TR></TBODY></TABLE></DIV>
<DIV class=submenu id=m21x style="LEFT: 180px; TOP: 24px; Z-INDEX: 21">
<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=100>
  <TBODY>
  <TR>
    <TD><A href="#">Ссылка 1.2</A>
<BR><A  href="#">Ссылка 2.2</A>
<BR><A  href="#">Ссылка 3.2</A>
    <BR><A  href="#">Ссылка 4.2</A> 
</TD></TR></TBODY></TABLE></DIV>
<DIV class=submenu id=m22x style="LEFT: 180px; TOP: 58px; Z-INDEX: 20">
<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=100>
  <TBODY>
  <TR>
    <TD><A href="#">Ссылка 3.1</A><BR><A 
      href="#">Ссылка 3.2</A><BR><A 
      href="#">Ссылка 3.3</A> 
</TD></TR></TBODY></TABLE></DIV>
<DIV class=menu id=m3 style="LEFT: 220px">
<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=100>
  <TBODY>
  <TR>
    <TD><A href="javascript:do_menu('m3x')" 
      onmouseover="do_check('m3x')"><B>Меню 3</B></A> </TD></TR></TBODY></TABLE></DIV>
<DIV class=submenu id=m3x style="LEFT: 220px">
<TABLE bgColor=#000000 border=1 cellPadding=2 cellSpacing=0 width=100>
  <TBODY>
  <TR>
    <TD><A href="#">Ссылка 1</A><BR><A 
      href="#">Ссылка 2</A><BR><A 
      href="#">Ссылка 3</A><BR><A 
      href="#">Ссылка 4</A> 
</TD></TR></TBODY></TABLE></DIV>
</BODY>
</HTML>