Pulldown menu viker ikke hen over en iframe?

Jeg har lavet en pulldown menu med javscript på følgende måde:

<script type="text/javascript">
function showHideMenu( name )
{
  menu = document.getElementById( name );
  if( menu.style.visibility == "hidden" )
    menu.style.visibility = "visible";
  else
    menu.style.visibility = "hidden";
}
</script>

<table class="menu">
  <tr>
    <td class="menu" onmouseover="showHideMenu( 'billeder' )" onmouseout="showHideMenu( 'billeder' )">
      Billeder
      <table class="subMenu" id="billeder" style="visibility: hidden;">
        <tr><td class="subMenu" onclick="location.assign( '/pics/pics.asp' );">Mine billeder</td></tr>
      </table>
    </td>
  </tr>
</table>

i css er table.subMenu's position sat til absolute, så den kommer nedenunder.

Problemet er...jeg inkluder menuen på en side. lige under menuen vil jeg have en iframe, men når musen kommer ind over iframen forsvinder den pop down menuen. Erder nogen der ved hvordan man får det til at virke???