POPUP Menu alignment problem

[MRGTB]

I've added a new top menu in the navbar and added a "popup menu" using this code below. But the problem is the dropdown menu will not align below the popup text link and instead aligns to the far left miles away from the link. How can it be made to open and drop down below the text link

Here is the code used:


<!-- top menu start -->
<div align="center">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-bottom-width:0px">
<tr align="center">
<!-- popup menu one start -->
<td id="custom_one" class="vbmenu_control"><a href="#custom_one">Custom One</a> <script type="text/javascript"> vbmenu_register("custom_one"); </script></td>
<!-- popup menu one end -->
</tr>
</table>
</div>
<!-- popup menu links one start -->
<div class="vbmenu_popup" id="custom_one_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">

<tr align="center"><td class="thead">Custom</td></tr>
<tr><td class="vbmenu_option"><a href="index.php">Custom - a</a></td></tr>
<tr><td class="vbmenu_option"><a href="index.php">Custom - b</a></td></tr>
<tr><td class="vbmenu_option"><a href="index.php">Custom - b</a></td></tr>
</table>
</div>
<!-- popup menu links one end -->
<!-- top menu start -->