title: jQuery UI Selectable in Overflowed Div
body: <p>We have a list of items and we need to allow the user to select more than one of them.  Instead of just using the default html select element with the multiselect attribute we would like to use the jQuery UI selectable interaction.  We have it all wired up and it works great except if the list of items is long, we put it inside a div that will overflow at a certain height.  The problem is that if the user clicks and drags to select multiple items in the list and they want to be able to select items that are not visible but in the overflowed portion of the div, if they drag their mouse down outside of the div, it doesn't automatically scroll to the "hidden" portions of the div like a normal multi-select element would.  </p>
  
  <p>I have no doubt we could handle the mousemove or mouseleave events of the div and scroll it manually but I was wondering if there was a way anyone was aware to do this automatically or what the simplest way to do it is. </p>
  
  <p>Here is a jsfiddle showing what doesn't work: <a href="http://jsfiddle.net/CAZxk/" rel="nofollow">http://jsfiddle.net/CAZxk/</a></p>
  
  <p>If you click on Item 1 and drag down, once you leave the demo div, I would like the ul to scroll so items 6, 7, etc start to show.</p>