Выпадающее меню

<style type="text/css">
.ids {
    position: absolute; border: 1px solid;border-color: black; background-color:#99ccff; 
}
.ids a:hover{
    text-decoration: underline;
    font-size:12px;
    font-family: Verdana;
    color: black;
    background-color:#99ccff;
    width: 150;
}
.ids a{
    text-decoration: none;
    font-size:12px;
    font-family: Verdana;
    color: blue;
    background-color:#99ccff;
    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: #99ccff; border: 1px solid;border-color: black">motorola</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: #99ccff; border: 1px solid;border-color: black">nokia</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">Motorola E398</TD></TR>
<TR><TD align=center><a href="#Motorola_L7.html">Motorola L7</TD></TR>
<TR><TD align=center><a href="#Motorola_V3.html">Motorola V3</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">nokia 3310</TD></TR>
<TR><TD align=center><a href="#nokia_6600.html">nokia 6600</TD></TR>
<TR><TD align=center><a href="#nokia_N70.html">nokia N70</TD></TR>
</TABLE></TD>
</TR>
</TABLE>
</TABLE>
</DIV>
- воспользуйтесь услугами кейтеринга на 14 октября - фуршет у вас дома!