jQuery - Only Call The Hover Out Function if Cursor Isn't Entering Any Siblings
<p>I'm trying to create an effect similar to the navigation on this site: <a href="http://rogwai.com/" rel="nofollow">http://rogwai.com/</a>. I'm fairly close as you can this in this <a href="http://jsfiddle.net/YZr5b/3/" rel="nofollow">jsFiddle</a>. </p>

<p>It's working fine if you hover into one li at a time (i.e. from the bottom). If however, you slide horizontally through each list item  the 'follower' returns to the active position or slides of the end after each item that's hovered over. Instead it should follow the mouse. </p>

<p>Looking at the code executed on hover out this is completely understandable. What I can't get my head around is how to make it only return to the active position or slide off the end when the mouse completely leaves the menu. </p>

<p>Hopefully that makes sense - you should see the problem straight away from the jsFiddle.</p>

<p>Thanks in advance.</p>
