title: JqueryUI Sortable scrolling issue
body: <p>I have initialized <code>#items</code> as jquery sortable, to make item list sortable.<br>
  <code>#items</code> is a child div of a parent div <code>#content</code>. </p>
  
  <p>The parent div <code>#content</code> has a max-height set 40%, and is allowed to scroll in case of overflow. Here is the css:</p>
  
  <pre><code>#content {//parent-div
      border-right: 1px solid #c8c8c8;
      height: 40%;
      max-height: 40%;
      overflow-y: auto;
      position: relative;
  }
  </code></pre>
  
  <p>Here is the css for child div <code>#items</code>:</p>
  
  <pre><code>#items {
      overflow-x: hidden;
      overflow-y: auto;
      position: relative;
  }
  </code></pre>
  
  <p>Whenever I try to swap <strong>Item1</strong> with <strong>Item18</strong> while sorting, I am not able to do so, as #items is not being scrolled to bottom.</p>
  
  <p>Here is the <strong><a href="http://jsfiddle.net/3E2Hg/107/" rel="nofollow">JSFiddle</a></strong> .</p>
  
  <p>How to make <code>#items</code> scroll?</p>