Sidebar with drop downs

[attroll]

I am looking for a simple code to be able to have a sidebar with dropdowns in it. The code below was something I was able to use in my 3.0 versions of vb but it no longer works with 4.0. Can someone help me to get started by creating a sidebar with drowpdowns, please.


<tr>
<td class="alt2">

<!-- Items -->
<table class="alt1" height="18" border="1" cellspacing="0" cellpadding="0" width="100%">
<tr onmouseover="this.className='alt1'" onmouseout="this.className='alt2'"><td class="alt2" align="left" ><span id="items">
<script type="text/javascript"> vbmenu_register("items"); </script>&nbsp; <a href="#">AT Re-Supply Info</a> </span></td></tr>
</table>
<!-- / Items -->

<!-- Items Menu -->
<div class="vbmenu_popup" id="items_menu" style="display:none;margin-left:175px;">
<table cellpadding="4" cellspacing="1" border="0">
<tr><td class="thead">AT Re-Supply</td></tr>
<tr><td class="vbmenu_option"><a href="$vboptions/index.php?page=resupplypart1">Re-Supply Along the AT - Part 1</a></td></tr>
<tr><td class="vbmenu_option"><a href="$vboptions/index.php?page=resupplypart2">Re-Supply Along the AT - Part 2</a></td></tr>
</table>
</div>

<!-- Data -->
<table class="alt1" height="18" border="1" cellspacing="0" cellpadding="0" width="100%">
<tr onmouseover="this.className='alt1'" onmouseout="this.className='alt2'"><td class="alt2" align="left" ><span id="data">
<script type="text/javascript"> vbmenu_register("data"); </script>&nbsp; <a href="#">Data and Schedules</a> </span></td></tr>
</table>
<!-- / Data -->

<!-- data Menu -->
<div class="vbmenu_popup" id="data_menu" style="display:none;margin-left:175px;">
<table cellpadding="4" cellspacing="1" border="0">
<tr><td class="thead">Data and Scheules</td></tr>
<tr><td class="vbmenu_option"><a href="$vboptions/index.php?page=shelters">Shelters and Mileage</a></td></tr>
</table>
</div>

</td>
</tr>
</table>

</if>

[attroll]

I found a code that will work but the drop down box appears directly under the category. Is there any way to have the drop down box appear to the far right?

Here is the code I am using:
<!-- Navbar Icon Links -->
<div align="center">
<table class="body" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">

<tr align="right">
<td class="vbmenu_control">
<li class="popupmenu"> <p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Catergory 1</b></center></p></a>
<ul class="popupbody popuphover">
<a href="Link 1">Forum Name 1</a><BR>
<a href="Link 2">Forum Name 2</a><BR>
<a href="Link 3">Forum Name 3</a><br>
</td>
</tr>

<tr>
<td class="vbmenu_control">
<li class="popupmenu"> <p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Catergory 2</b></center></p></a>
<ul class="popupbody popuphover">
<a href="Link 1">Forum Name 1</a><BR>
<a href="Link 2">Forum Name 2</a><BR>
<a href="Link 3">Forum Name 3</a><br>
</td>
</tr>

</table>
</div>
<!-- / Navbar Icon Links -->