title: jQuery UI drag and drop issue with scroll
body: <p>I have a div-pop-up when you click certain text. I want it to be movable so I used the jQuery UI <code>draggable()</code> feature and works like a charm.  However, the issue I am having is with a div within this pop up.  I am displaying information from an array that can range from 0 to nearly infinity if needed.  Therefore I am using <code>overflow:auto</code> to make it into a scroll box.  Everything appears as it should however, when I click the up and down arrows to scroll up and down within that box it instead begins the draggable feature.  It is rather annoying and understand why the problem is happening.  I am looking for advice to fix it or get around it somehow.</p>
  
  <p>Here is a jsfiddle to display the issue: <a href="http://jsfiddle.net/BnTPG/" rel="nofollow">http://jsfiddle.net/BnTPG/</a> </p>