button roll over issue. arghhh

I have a roll over button and it is acting weird. When I go over the button
I have two choices pop up and they should be right above the button, instead
they always goto the top middle of the page over the jpeg logo. If I remove the
jpeg logo then the choices go back to where they should be. What the heck is up
with this? I have pasted the code for the popup. Thanks Code: <div
id=services style='Z-INDEX: 1; LEFT: 14px; VISIBILITY: hidden; WIDTH: 196px;
POSITION: absolute; top:228px;'> <table width='188' border=0 cellpadding=0
cellspacing=2> <tbody> <tr> <td width='69'> <table
width='69' border=0 cellpadding=1 cellspacing=0 bgcolor=#cecfff>
<tbody> <tr> <td width='100'> <table
cellspacing=0 cellpadding=1 bgcolor=#ffffff border=0>
<tbody> <tr> <td
width='66'><font face='ms Sans Serif' color=#000000 size=1><a
href='../../1.html'>P1</a></font></td> </tr>
</tbody> </table></td> </tr>
</tbody> </table></td> <td width='46'> <table cellspacing=0
cellpadding=1 bgcolor=#cecfff border=0> <tbody> <tr>
<td width='44'> <table cellspacing=0 cellpadding=1
bgcolor=#ffffff border=0> <tbody>
<tr> <td><font face='ms Sans Serif' color=#000000
size=1><a href='../../2.html'>P2</a></font></td>
</tr> </tbody> </table></td>
</tr> </tbody> </table></td> <td
width='4'>&amp;nbsp; </td> <td width='13'>&amp;nbsp; </td> <td
width='12'>&amp;nbsp; </td> <td width='39'>&amp;nbsp; </td> </tr>
</tbody> </table> </div>