All Level Navigational Menu needs scrollable submenus

[killinspre]

1) Script Title: All Levels Navigational Menu (v3.03)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...menu/index.htm

3) Describe Problem: See below.

I have modified the code to be dynamic with my MYSQL database. I require the submenus to be scrollable if there is more than 10 items listed. I also need a submenu after this scrollable submenu. Here's an example of what it could look like without the scrolling. It should give a clearer reason as to why I require it this way.

    <link rel="stylesheet" type="text/css" href="css/ddlevelsmenu-base.css" />
    <link rel="stylesheet" type="text/css" href="css/ddlevelsmenu-topbar.css" />
    <link rel="stylesheet" type="text/css" href="css/ddlevelsmenu-sidebar.css" />
    
    <script type="text/javascript" src="js/ddlevelsmenu.js">

/***********************************************
* All Levels Navigational Menu- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
<div id="quick_ref"><div id="MenuPos" style="position:relative;"><div id="ddtopmenubar" class="mattblackmenu">
<ul>
<li><a href="#" rel="ddsubmenuside1">Friends</a></li>
</ul>
</div>

<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>
</div>
<ul id="ddsubmenuside1" class="ddsubmenustyle blackwhite">
<li><a href="#">Online</a>
  <ul>
  <li><a href="#">Sub Item 3.1a</a></li>
  <li><a href="#">Sub Item 3.2a</a></li>
  <li><a href="#">Sub Item 3.3a</a></li>
  <li><a href="#">Sub Item 3.4a</a></li>
  </ul>
</li>
<li><a href="#">Offline</a>
  <ul>
  <li><a href="#">Sub Item 3.1a</a></li>
  <li><a href="#">Sub Item 3.2a</a></li>
  <li><a href="#">Sub Item 3.3a</a></li>
  <li><a href="#">Sub Item 3.4a</a></li>
  </ul>
</li>
<li><a href="#">All</a>
  <ul>
  <li><a href="#">Sub Item 3.1a</a>
      <ul>
          <li><a href="#">Message</a></li>
          <li><a href="#">Wave</a></li>
          <li><a href="#">Remove</a></li>
      </ul>
  </li>
  <li><a href="#">Sub Item 3.2a</a>
      <ul>
          <li><a href="#">Message</a></li>
          <li><a href="#">Wave</a></li>
          <li><a href="#">Remove</a></li>
      </ul>
  </li>
  <li><a href="#">Sub Item 3.3a</a></li>
  <li><a href="#">Sub Item 3.4a</a></li>
  <li><a href="#">Sub Item 3.1a</a></li>
  <li><a href="#">Sub Item 3.2a</a></li>
  <li><a href="#">Sub Item 3.3a</a></li>
  <li><a href="#">Sub Item 3.4a</a></li>
  <li><a href="#">Sub Item 3.1a</a></li>
  <li><a href="#">Sub Item 3.2a</a></li>
  <li><a href="#">Sub Item 3.3a</a></li>
  <li><a href="#">Sub Item 3.4a</a></li>
  <li><a href="#">Sub Item 3.1a</a></li>
  <li><a href="#">Sub Item 3.2a</a></li>
  <li><a href="#">Sub Item 3.3a</a></li>
  <li><a href="#">Sub Item 3.4a</a></li>
  <li><a href="#">Sub Item 3.3a</a></li>
  <li><a href="#">Sub Item 3.4a</a></li>
  <li><a href="#">Sub Item 3.1a</a></li>
  <li><a href="#">Sub Item 3.2a</a></li>
  <li><a href="#">Sub Item 3.3a</a></li>
  <li><a href="#">Sub Item 3.4a</a></li>
  <li><a href="#">Sub Item 3.1a</a></li>
  <li><a href="#">Sub Item 3.2a</a></li>
  <li><a href="#">Sub Item 3.3a</a></li>
  <li><a href="#">Sub Item 3.4a</a></li>
  <li><a href="#">Sub Item 3.1a</a></li>
  <li><a href="#">Sub Item 3.2a</a></li>
  <li><a href="#">Sub Item 3.3a</a></li>
  <li><a href="#">Sub Item 3.4a</a></li>
  </ul>
</li> 

[killinspre]

I'll even settle for one of the other DD multi-level menus as long as it scrolls because I cold have hundreds of items in the submenus.