Help - Changing table position

Hello everyone, i’ve made an invisible menu, when some1 mouseover the button the menu becomes visible, but i want that menu to appear excactly below the button, for some reason it appears abit to the left side, how do i make it appear below the button?
(i attached an image to show u what i mean)

Here are the codes

<td onmouseover="showMenu('Menu_88991_1');" onmouseout="hideMenu('Menu_88991_1');" align="center" background="images/smallbutton.jpg" style="width: 114;background-repeat:no-repeat; background-position:center;height:26;"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center" valign="middle"><b style="cursor:pointer;">&#1488;&#1497;&#1502;&#1493;&#1509;</b></td></tr></table>
<table border="0" cellpadding="0" cellspacing="1" id='Menu_88991_1' style="display:none;position:absolute;"><tr><td align="center" background="images/smallbutton.jpg" style="width: 114;background-repeat:no-repeat;background-position:right;height:26;"><a href="dogs1.asp"><b>&#1499;&#1500;&#1489;&#1497;&#1501;</b></a></td></tr><tr><td align="center" background="images/smallbutton.jpg" style="width: 114;background-repeat:no-repeat; background-position:center;height:26;"><a href="cats.asp"><b>&#1495;&#1514;&#1493;&#1500;&#1497;&#1501;</b></a></td></tr><tr><td align="center" background="images/smallbutton.jpg" style="width: 114;background-repeat:no-repeat; background-position:center;height:26;"><a href="adopted1.asp"><b>&#1488;&#1493;&#1502;&#1510;&#1493;</b></a></td></tr></table></td>