title: jquery firing mouse out for ul when navigating between li
body: <p>I have an html page that has a list</p>
  
  <pre><code>&lt;ul id="mylist"&gt;
    &lt;li&gt;&lt;a href="#"&gt;item 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;item 2&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Then some jquery code to fire an event on mouse out of the list </p>
  
  <pre><code>$('#mylist').mouseout(function(evt) {
      $(this).fadeOut('fast');
  });
  </code></pre>
  
  <p>The problem is that when I move the mouse between item1 and item2 (vertically starting at item1 and moving down to item2), the mouse out fires (and $this is referencing the ul). Why would the ul be firing an event even though I don't think I've left the list?</p>