Кнопки со ссылками

Просмотр скрипта

<body bgcolor="#A1FEF9">
<style type="text/css">
.ids {
    position: absolute; border: 0px; 
}
.ids a:hover{
    text-decoration: underline;
    font-size:12px;
    font-family: Verdana;
    color: black;
    width: 150;
}
.ids a{
    text-decoration: none;
    font-size:12px;
    font-family: Verdana;
    color:black ;
    width: 150; 
}
</style>
<TABLE cellpadding="0" cellspacing="0" border="0" class="ids">
<TR><TD align=center>
<a href="#" style="text-decoration:none" onMouseOut="menu1.style.visibility='hidden';" onMouseOver="menu1.style.visibility='visible';">
<div style="background-color:#C6FFCB; border: 1px solid;border-color: black">кнопка1</div>
</a>
</TD><TD align=center>
<a href="#" style="text-decoration:none" onMouseOut="menu2.style.visibility='hidden';" onMouseOver="menu2.style.visibility='visible';">
<div style="background-color: #C6FFCB; border: 1px solid;border-color: black">кнопка2</div>
</a>
</TD></TR>
<TR><TD>
<TABLE class="ids" width="15%" id="menu1" border=0 style="visibility:hidden;" onMouseOut="menu1.style.visibility='hidden';" onMouseOver="menu1.style.visibility='visible';">
<TR><TD align=center><a href="#Motorola_E398.html">Подменю1</TD></TR>
<TR><TD align=center><a href="#Motorola_L7.html">Подменю2</TD></TR>
<TR><TD align=center><a href="#Motorola_V3.html">Подменю3</TD></TR>
</TABLE></TD>
<TD>
<TABLE class="ids" width="15%" id="menu2" border=0 style="visibility:hidden;" onMouseOut="this.style.visibility='hidden';" onMouseOver="this.style.visibility='visible';">
<TR><TD align=center><a href="#nokia_3310.html">Подменю1</TD></TR>
<TR><TD align=center><a href="#nokia_6600.html">Подменю2</TD></TR>
<TR><TD align=center><a href="#nokia_N70.html">Подменю3</TD></TR>
</TABLE></TD>
</TR>
</TABLE>
</DIV>