Help---Adding a Submenu to my code

[admin]

In the code below, how would I create a drop-down sub-menu?<br />
<br />
<br />
"<br />
<!-- Begin<br />
<br />
// NOTE: If you use a ' add a slash before it like this \'<br />
<br />
document.write('<TABLE cellpadding="0" cellspacing="0" border="0" WIDTH="100%" background="picts/background-menu.gif"><tr><td align="right">');<br />
document.write('<TABLE cellpadding="0" cellspacing="0" border="0"><tr><td>');<br />
document.write('<img src=http://www.webdeveloper.com/forum/archive/index.php/"picts/spacer.gif" width="20" height="23"></a><br>');<br />
<br />
<br />
// START LINKS //<br />
<br />
document.write('</td><td nowrap class="menusize">');<br />
document.write('<a href=http://www.webdeveloper.com/forum/archive/index.php/"ourfirm.htm" class="menu">Our Firm</a><br>');<br />
<br />
<br />
document.write('</td><td nowrap class="menusize">');<br />
document.write('<a href=http://www.webdeveloper.com/forum/archive/index.php/"practice.htm" class="menu">Practice Areas</a><br>');<br />
<br />
<br />
document.write('</td><td nowrap class="menusize">');<br />
document.write('<a href=http://www.webdeveloper.com/forum/archive/index.php/"milcrimes.htm" class="menu">Military Crimes</a><br>');<br />
<br />
<br />
document.write('</td><td nowrap class="menusize">');<br />
document.write('<a href=http://www.webdeveloper.com/forum/archive/index.php/"millaw.htm" class="menu">Military Law</a><br>');<br />
<br />
<br />
document.write('</td><td nowrap class="menusize">');<br />
document.write('<a href=http://www.webdeveloper.com/forum/archive/index.php/"national.htm" class="menu">National</a><br>');<br />
<br />
<br />
document.write('</td><td nowrap class="menusize">');<br />
document.write('<a href=http://www.webdeveloper.com/forum/archive/index.php/"media.htm" class="menu">Media</a><br>');<br />
<br />
<br />
// COPY AND PASTE THE NEXT 2 LINES TO ADD A NEW LINK //<br />
<br />
<br />
document.write('</td><td nowrap class="menusize">');<br />
document.write('<a href=http://www.webdeveloper.com/forum/archive/index.php/"index.html" class="menu">Home</a><br>');<br />
<br />
<br />
// END LINK BUTTONS //<br />
<br />
<br />
document.write('</td><td>');<br />
document.write('<img src=http://www.webdeveloper.com/forum/archive/index.php/"picts/spacer.gif" width="10" height="23"></a><br>');<br />
document.write('</td></tr></table>');<br />
document.write('</td></tr></table>');<br />
<br />
// End --><br />
"<!--content-->Why tables?<br />
Why document.write?<br />
<br />
Menu is a (nested) list of links - that should be enough of a clue....<!--content-->this is a menu.js file<!--content-->Get rid of it - making your navigation JS dependent is about the worst thing you can do to your web site.<!--content-->What code would I use for my pages to have a menu with a submenu?<!--content-->A nested list of links.<!--content-->