The code is here on an old Proboards test site: http://kayaoti.proboards.com/index.cgi

The menu in the black bar is just one I used from a free code. It works fine except when you hover over the items, the drop-down tabs are out of alignment. I'm not code-savvy enough to know how to make them drop straight down or how to move them so they look nicer, but I'm guessing someone here could help me out in that regard. How can I edit the code (shown below) or whatever else to make the drop-down tabs look better aligned with the menu items?

Code:
<style type="text/css" media="screen"> /**************** menu coding *****************/ #menu { width: 748px; background: #000; float: left; }  #menu ul { list-style: none; margin: 0; padding: 0; width: 12em; float: left; }  #menu h2 { color: #000; background: #000; text-transform: uppercase; }   #menu a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color: #000 #000 #000 #000; margin: 0; padding: 2px 3px; }   #menu a { color: #fff; background: #000000; text-decoration: none; }  #menu a:hover { color: #fff; background: #000; }  #menu li {position: relative;}  #menu ul ul { position: absolute; z-index: 500; }  #menu ul ul ul { position: absolute; top: 0; left: 100%; }  div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {display: none;}  div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}  </style> <!--[if IE]> <style type="text/css" media="screen">  #menu ul li {float: left; width: 100%;} </style> <![endif]--> <!--[if lt IE 7]> <style type="text/css" media="screen"> body { behavior: url(csshover.htc); font-size: 100%; }  #menu ul li a {height: 1%;}   #menu a, #menu h2 { font: bold 0.7em/1.4em arial, helvetica, sans-serif; } </style> <![endif]-->   <div id="menu" style="position:relative; left:301px; top:483px;"> <ul><li><a href="http://dominionwolves.proboards.com/"><IMG SRC="http://i44.tinypic.com/24zb1vq.png" border="0"></a></li></ul>    <ul><li><IMG SRC="http://i43.tinypic.com/311lyra.png" style="position:relative; left:-40px; top:2px;"> <ul> <li><a href="http://www.seoconsultants.com/tips/css/#cssmenus">CSS Hover Navigation</a>         <ul>           <li><a href="../css-dropdown-menus.html" title="tanfa Introduction">Intro for CSS Enthusiasts</a></li>            <li><a href="index.html" title="Plain HTML Code">Demonstration HTML</a></li>           <li><a href="http://www.xs4all.nl/~peterned/csshover.html" title="whatever:hover file">csshover.htc file</a></li>         </ul>       </li>     </ul>   </li> </ul>    <ul>   <li><IMG SRC="http://i39.tinypic.com/2cne1d5.png" style="position:relative; left:0px; top:2px;">     <ul>       <li><a href="http://www.seoconsultants.com/tips/css/#cssmenus" title="SEO Consultants Directory">CSS Hover Navigation</a>         <ul>           <li><a href="../css-dropdown-menus.html" title="tanfa Introduction">Intro for CSS Enthusiasts</a></li>            <li><a href="index.html" title="Plain HTML Code">Demonstration HTML</a></li>           <li><a href="http://www.xs4all.nl/~peterned/csshover.html" title="whatever:hover file">csshover.htc file</a></li>         </ul>       </li>     </ul>   </li> </ul>    <ul>   <li><IMG SRC="http://i40.tinypic.com/24ffxu1.png" style="position:relative; left:55px; top:2px;">     <ul>       <li><a href="http://www.seoconsultants.com/css/menus/vertical/" title="SEO Consultants Vertical Example">SEO Consultants Sample</a></li>       <li><a href="vs7.html" title="Complete Example">tanfa Demo example</a>         <ul>           <li><a href="tutorial-v.html" title="Vertical Menu Tutorial">tanfa Tutorial</a>	             <ul>                <li><a href="vs1.html" title="Vertical Menu - Page 1">Stage 1</a></li>               <li><a href="vs2.html" title="Vertical Menu - Page 2">Stage 2</a></li>		               <li><a href="vs3.html" title="Vertical Menu - Page 3">Stage 3</a></li>               <li><a href="vs4.html" title="Vertical Menu - Page 4">Stage 4</a></li>               <li><a href="vs5.html" title="Vertical Menu - Page 5">Stage 5</a></li>			               <li><a href="vs6.html" title="Vertical Menu - Page 6">Stage 6</a></li>             </ul>            </li>         </ul>       </li>     </ul>   </li> </ul>       <ul>   <li><IMG SRC="http://i42.tinypic.com/15cerno.png" style="position:relative; left:65px; top:2px;">      <ul>       <li><a href="http://www.seoconsultants.com/css/menus/horizontal/" title="SEO Consultants Directory Example">SEO Consultants Sample</a></li>       <li><a href="hs7.html">tanfa Demo example</a><!-- fully working sample -->         <ul>           <li><a href="tutorial-h.html" title="Horizontal Menu Tutorial">tanfa Tutorial</a>             <ul>               <li><a href="hs1.html" title="Horizontal Menu - Page 1">Stage 1</a></li>                <li><a href="hs2.html" title="Horizontal Menu - Page 2">Stage 2</a></li>			               <li><a href="hs3.html" title="Horizontal Menu - Page 3">Stage 3</a></li>               <li><a href="hs4.html" title="Horizontal Menu - Page 4">Stage 4</a></li>               <li><a href="hs5.html" title="Horizontal Menu - Page 5">Stage 5</a></li>			               <li><a href="hs6.html" title="Horizontal Menu - Page 6">Stage 6</a></li>             </ul>           </li>          </ul>       </li>     </ul>   </li> </ul>							 </div>