Sub levels not showing in dynamic menu

Hi there

I have a table setp as follows (just showing the columns of intrest)

Sections_sec (just using dummy data for explanation)

id_sec parent_sec menuname_sec
1 0 page 1
2 0 page 2
3 0 page 3
4 1 subpage1_1
5 1 subpage1_2
6 2 subpage2_1
7 2 subpage2_2

basically i create pages in the parent sec is either 0 or an id of another entry in this table

I have added a filter to the top level recordset (parent_sec = 0) so the top level does not show any of the sublevels

the sublevel is filtered by parent_sec with the ID from the top level item.

when i view the menu on the site (its on a blank page so no other css is conflicting with it)
the sub menus dont appear when i hover.

I have checked in firebug and the other menu items are there (the extra <ul> <li> tags are in the code on the page) but hidden and their state isnt getting changed to visible when i mouse over the top level menus

the page can be viewed at: menutest.php

i have attached the files in a zip so you can have a look at it.

if i use a static menu copying the structure from the db it all works ok, so not sure what i am doing wrong with the dynamic menu.
this is the code generated by the menuwriter (using the data from my tables)

<ul class="level-0" id="cssmw2">
    <li class="parent">
        <a href="about/">about</a>
        <ul class="level-1">
            <li><a href="team/">Team</a></li>
            <li><a href="oppurtunities/">Oppurtunities</a></li>
            <li><a href="contact/">Contact</a></li>
            <li><a href="terms/">Terms</a></li>
        </ul>
     </li>
     <li class="parent">
         <a href="latest/">Latest</a>
         <ul class="level-1"></ul>
     </li>
     <li class="parent">
         <a href="links/">Links</a>
         <ul class="level-1">
             <li><a href="jam-tv/">Jam TV</a></li>
             <li><a href="jam-artists/">Jam Artists</a></li>
             <li><a href="jam-school/">Jam School</a></li>
             <li><a href="jam-family/">Jam Family</a></li>
         </ul>
      </li>
      <li class="parent">
          <a href="support/">Support</a>
          <ul class="level-1">
              <li><a href="join/">Join</a></li>
              <li><a href="donate/">Donate</a></li>
           </ul>
       </li>
    </ul>

<script type="text/javascript">if(window.attachEvent) { window.attachEvent("onload", function() { cssmw2.intializeMenu('cssmw2',{select_current: 0, orientation: 1}); }); } else if(window.addEventListener) { window.addEventListener("load", function() { cssmw2.intializeMenu('cssmw2',{select_current: 0, orientation: 1}); }, true); }</script>
thanks for your time

Dizzy