Hovermenu vs. Select-formtag

Hey,

ved ikke om det her er et ren javascript issue eller om det måske er et style issue, men det kan I sikkert hjælpe mig med at finde ud af ;o)

Jeg har en javascript menu som virker fint, men når jeg aktivere den på sider hvor der er en select-boks på, kommer menuen frem bagved select-tagget - andre forms tags 'overskygger' ikke for menuen. Er det noget I har hørt om før og er det noget jeg kan gøre noget ved?

Bruger følgende kode (HTML filen)
---------------------------------------
<table width="140" cellpadding="0" cellspacing="0">
<tr onmouseover="visSubMenu(this,'1')" onmouseout="hideLayer('menu1')">
  <td class="topMenu" onmouseover="changeBG(this,2);" onmouseout="changeBG(this,1);">
    <table width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td width="100%" height="16" align="left" background="gfx/3DButton140.gif">
        <span class="blackhand2">&nbsp;<strong>Business Support</strong></span>
      </td>
    </tr>
    </table>

    <div id="menu1" style="position:absolute; top:10px; left:10px; visibility: hidden; z-index: 100; ">
    <table width="160" cellpadding="0" cellspacing="0" border="0" class="bg1">
      <tr>
        <td class="subMenu" onmouseover="changeBG(this,2);" onmouseout="changeBG(this,1);">
        &nbsp;<strong>List of Savings</strong>
        </td>
      </tr>
      <tr>
        <td class="subMenu" onmouseover="changeBG(this,2);" onmouseout="changeBG(this,1);">
        &nbsp;<img align="absmiddle" src="gfx/Icon_Go.gif" width="16" height="16" alt="" border="0"> <a href="?SiteID=4&1stID=write">Apply new entry</a>
        </td>
      </tr>
      <tr>
        <td class="subMenu" onmouseover="changeBG(this,2);" onmouseout="changeBG(this,1);">
        &nbsp;<img align="absmiddle" src="gfx/Icon_Go.gif" width="16" height="16" alt="" border="0"> <a href="?SiteID=4&1stID=search">Search log</a>
        </td>
      </tr>
      <tr>
        <td class="subMenu" onmouseover="changeBG(this,2);" onmouseout="changeBG(this,1);">
        <a href="">&nbsp;<strong>Texteditor</strong></a>
        </td>
      </tr>
      <tr>
        <td class="subMenu" onmouseover="changeBG(this,2);" onmouseout="changeBG(this,1);">
        &nbsp;<img align="absmiddle" src="gfx/Icon_Go.gif" width="16" height="16" alt="" border="0"> <a href="?SiteID=18&1stID=texteditor">Online texteditor</a>
        </td>
      </tr>
    </table>
    </div>
  </td>
</tr>
</table>

Kan jeg gøre noget anderledes der, eller skal jeg ind i javascript kildekoden? Hvad er De vise ord??

//Rütger