<style>
td{ background-color:#fff; }
td div{ position:absolute;border:1px solid #369;background-color:#FFCC99;visibility:hidden; }
</style>
<table width="200" border="0" cellspacing="1" cellpadding="0"
style="border:1px solid #900;background-color:#e2e2e2;"
>
<tr>
<td
 width="94"
 onmouseover="document.getElementById('m1').style.visibility='visible';"
 onmouseout="document.getElementById('m1').style.visibility='hidden';"
>Menu1<div id="m1">tt</div></td>
<td width="70">&nbsp;</td>
<td width="34">&nbsp;</td>
</tr>
<tr>
<td
 onmouseover="document.getElementById('m2').style.visibility='visible';"
 onmouseout="document.getElementById('m2').style.visibility='hidden';"
>Menu2<div id="m2">sdfsdf</div></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td
 onmouseover="document.getElementById('m3').style.visibility='visible';"
 onmouseout="document.getElementById('m3').style.visibility='hidden';"
>Menu3<div id="m3">3234234234</div></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Menu4</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>