Меню на CSS без JS(проблема с FF)

Все работает, в смысле движок, проблема в FireFox, ссылки во вложенном меню не открываются (ссылаются на ту же страницу, что и самый верхний пункт всплывающего меню), кто подскажет решение?

Выделить код

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html lang="ru">
<head>
<title>menucss</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<style type="text/css">
#boxmenu {background: #d7dabd;border: 1px #000 solid;width: 25%;z-index: 1}
#menu * {border-collapse: collapse}
#menu {font: 10pt  Verdana;font-weight: bold;}
.a {background: #d7dabd;color: #f00;font-weight: bold;text-decoration: none}
* HTML .a table,.a table {font: 8pt Verdana;display: block}
table,table A {display: none}
.a:hover {background: #d7dab1;color: blue}
.a:hover table,.menu:hover table {
    background: #d7adbd;
    border: #000 1px solid;
    position: absolute;
    display: block;
    white-space: nowrap
}
.a:hover table A,.menu:hover table A {
    color: #000;
    text-decoration: none;
    border-right: #d7adbd 1px solid;
    padding: 1px 12px;
    display: block;
    white-space: nowrap;
    z-index: 1
}
.a:hover table A:hover,.menu:hover table A:hover {
    background: #f5f5dc;
    color: #000;
    text-decoration: none;
    border: #000 1px solid;
    padding-right: 12px;
    padding-top: 0px;
    padding-left: 11px;
    padding-bottom: 0px;
    display: block;
    z-index: 1
}
.menu {margin: 1px 15px 1px 1px;float: left}
.menu1 {font: 8pt Verdana;font-weight: bold;color: #000}
.a1 {display: none}
.menu1:hover .a1 {padding: 0px 110px;position: absolute;left: -35px;display: block;top: 5px}

</style>
</head>
<body>
<div id="boxmenu">
<div class="menu"><a class="a" href="#1">Меню 1</a></div>
<div class="menu"><a class="a" href="#2">Меню 2<br>
<table><tr><td>
<a href="#3">Меню 2-1</a>
<a href="#4">Меню 2-2</a>
</td></tr></table>
</a></div>
<div class="menu"><a class="a" href="#5">Меню 3<br>
<table><tr><td><a class="menu1" href="#6">Меню 3-1
<div class="a1">
<table><tr><td>
<a href="#7">Меню 3-1-1</a>
<a href="#8">Меню 3-1-2</a>
</td></tr></table>
</div></a>
<a href="#9">Меню 3-2</a>
</td></tr></table>
</a></div>
</div>
</body>
</html>