PullDown-Menü jQuery

[sprinter]

Steh grad irgendwie auf dem Schlauch.

Ich möchte ein PullDown-Menü erzeugen.

  
<ul id="menu">  
 <li><a href="#" class="elem">Element</a>  
   <ul style="display:none">  
     <li><a href="#">Sub Element</a></li>  
     <li><a href="#">Sub Element</a></li>  
   </ul>  
 </li>  
 ... #weitere Elemente  
</ul>  

Wenn man mit der Maus über ein Element fährt soll die nachfolgende Liste aufgeklappt werden.

  
$('.elem').hover(  
  function () {  
     $('ul',this.parentNode).show();  
  }, function () {  
     $('ul',this.parentNode).hide();  
  }  
);  

Das Problem ist nun folgendes:
Das ganze funktioniert zwar wenn ich mit der Maus über .elem fahre, aber sobald ich mit der Maus in das Pull Down also über ein Sub Element will, geht das teil wieder weg.
Ist ja auch logisch.
Gibts da irgendwie einen trick?