title: prevent element from cancel hover
body: <p>I have a simple <code>.hover</code> on a text element:</p>
  
  <pre><code>$('#menu_1').hover(function() { 
      $('#overlay_1').fadeIn('slow');
         }, function() { 
      $('#overlay_1').fadeOut('slow');
  });
  </code></pre>
  
  <p>what happens is, that an element displays over the text element. But this element bothers the <code>.hover()</code> because the cursor is now on the new displayed element, not on the text anymore. Is there a way to prevent this?</p>
  
  <p>to mention: I want the displayed element above the text</p>