EDIT:: Simplier way to write the question ^.^ :: When I scroll off the menu/link onto the first link in the submenu it stays, but when I mvoe down to the next item in the submenu it disappears.
(My drop down is vertically aligned on the left.)
(bits of the code that relate to the menu)

PHP Code:
.btn1 positionabsoluteleft165pxtop200px; } 
.
btn2 positionabsoluteleft165pxtop240px; }
.
btn3 positionabsoluteleft165pxtop280px; } 
.
btn4 positionabsoluteleft165pxtop320px; }
.
btn5 positionabsoluteleft165pxtop360px; } 
.
btn6 positionabsoluteleft165pxtop400px; }
.
btn7 positionabsoluteleft165pxtop440px; } 
.
btn8 positionabsoluteleft165pxtop480px; }
.
link1 positionabsoluteleftautotop240px; }
.
link2 positionabsoluteleftautotop280px; }
.
link3 positionabsoluteleftautotop320px; }
.
link4 positionabsoluteleftautotop360px; }
.
link5 positionabsoluteleftautotop400px; }
.
link6 positionabsoluteleftautotop440px; }
.
link7 positionabsoluteleftautotop480px; }
.
link8 positionabsoluteleftautotop520px; }
.
link9 positionabsoluteleftautotop560px; }

#nav, #nav ul { padding: 0; margin: 0; list-style: none; }
#nav a { display: block; width: 100px; }
#nav li { width: 100px; }
#nav li ul { position: absolute; width: 100px; left: -9999px; display: none; top: 0; z-index: 3; }
#nav li:hover ul { display: block; left: 266px; z-index: 3; }
#nav li:over ul { display: block; left: 266px; z-index: 3; } 
PHP Code:
<ul id="nav">
  <
li><a href="HOBmain.htm"><img class="btn1" src="../mainbtn.gif" width="100" height="38" alt="MainBtn"></a></li>
  <
li><a href="HOBmain.htm"><img class="btn2" src="../blogbtn.gif" width="100" height="38" alt="BlogBtn"></a>
    <
ul>
      <
li class="link1"><a href=""><img src="../mbtn.gif" alt="bMainBtn"></a></li>
      <
li class="link2"><a href="#"><img src="../anmbtn.gif" alt="bAnimeBtn"></a></li>
      <
li class="link3"><a href="#"><img src="../mgabtn.gif" alt="bMangaBtn"></a></li>
      <
li class="link4"><a href="#"><img src="../gmebtn.gif" alt="bGameBtn"></a></li>
      <
li class="link5"><a href="#"><img src="../bookbtn.gif" alt="bBookBtn"></a></li>
    </
ul>
  </
li>
    <
li><a href="HOBmuse.htm"><img class="btn3" src="../musebtn.gif" width="100" height="38" alt="MuseBtn"></a>
    <
ul>
      <
li class="link2"><a href="HOBmuse.htm"><img src="../mbtn.gif" alt="mMainBtn"></a></li>
      <
li class="link3"><a href="HOBmuse.htm"><img src="../pmbtn.gif" alt="mPoemBtn"></a></li>
      <
li class="link4"><a href="HOBmuse.htm"><img src="../stybtn.gif" alt="mStoryBtn"></a></li>
      <
li class="link5"><a href="HOBmuse.htm"><img src="../drmbtn.gif" alt="mDreamBtn"></a></li>
    </
ul>
  </
li>
   <
li><a href="HOBodd.htm"><img class="btn4" src="../oddbtn.gif" width="100" height="38" alt="ComicBtn"></a>
    <
ul>
      <
li class="link3"><a href="HOBodd.htm"><img src="../mbtn.gif" alt="cMainBtn"></a></li>
    </
ul>
  </
li>
   <
li><a href="HOBart.htm"><img class="btn5" src="../artbtn.gif" width="100" height="38" alt="ArtBtn"></a>
    <
ul>
      <
li class="link4"><a href="HOBart.htm"><img src="../mbtn.gif" alt="aMainBtn"></a></li>
      <
li class="link5"><a href="HOBart.htm"><img src="../recbtn.gif" alt="aRecentBtn"></a></li>
      <
li class="link6"><a href="HOBart.htm"><img src="../gaibtn.gif" alt="aGaiaBtn"></a></li>
    </
ul>
  </
li>
   <
li><a href="HOBpic.htm"><img class="btn6" src="../picbtn.gif" width="100" height="38" alt="PicsBtn"></a>
    <
ul>
      <
li class="link5"><a href="HOBpic.htm"><img src="../mbtn.gif" alt="pMainBtn"></a></li>
      <
li class="link6"><a href="HOBpic.htm"><img src="../recbtn.gif" alt="pRecentBtn"></a></li>
    </
ul>
  </
li>
   <
li><a href="HOBfaq.htm"><img class="btn7" src="../faqbtn.gif" width="100" height="38" alt="FaqBtn"></a></li>
   <
li><a href="HOBcon.htm"><img class="btn8" src="../contactbtn.gif" width="100" height="38" alt="ContactBtn"></a> </li>
</
ul
<script type="text/javascript" src="drop_down.js"></script>
the "nav" is referring to a bit of js, and this is in my header. Also not sure if it's correct, but I can worry about that later.
link: The Page