title: jQuery losing hover with position: relative
body: <p>I designed an dropdown sliding menu using jQuery. When on one page I added </p>
  
  <pre><code>position: relative  
  top: -18px
  </code></pre>
  
  <p>for some div elements, they are on the top of the ul that was slided down. While moving mouse through the menu, when I intersect with those elements, jquery starts to sliding up the menu (seems that while moving through the ul I'm jumping to div that is on the top, so that's correct). Of course I don't want such effect. I tried with adding z-index, but with no luck.</p>
  
  <p><a href="http://jsfiddle.net/2WHVT/" rel="nofollow">http://jsfiddle.net/2WHVT/</a> (I added black border to the date tag, which is destroying the menu). Sorry for the color and design, I moved it quickly, but the point is the same.</p>
  
  <p>Maybe you have some idea?</p>