title: Draggable element in sortable goes out of scrollbar
body: <p>I Have a long nested list to which i apply overflow-y:Auto, each of the element has sortable widget attached to it.</p>
  
  <p>Now the issue which we are facing is that the drag-gable element goes out of scroll-bar container which is not desirable, i do understand that the position is set to absolute and z-Index to 1000 and i also understand while dragging the element it takes into consideration the height of the parent element and it let me drag up-to that calculated height only.</p>
  
  <p>Changing the position to relative makes me drag the element only inside the scrollbar but then also the hieght it lets me drag upto is too much.</p>
  
  <p>Desired Behavior:We should be able to drag the element only inside the scrollbar and that too not beyond the last element bottom offset position.</p>
  
  <p>The piece of code is as follows:</p>
  
  <pre><code>$(".sortableList").sortable({
  axis: 'y',
  containment: 'parent',
  tolerance: 'pointer',
  distance: 5,
  start: function (event, ui) {
      $(ui.item).find('#contain').hide(10, 'swing');
      $(ui.item).addClass('setHeight');
      ui.placeholder.height(ui.item.height());
      $(".sortableList").sortable('refresh');
  },
  stop: function (event, ui) {
      $('#contain').show(10, 'swing');
      $(ui.item).removeClass('setHeight');
  }
  </code></pre>
  
  <p>});</p>
  
  <p>Js fiddle link for the issue is :  <a href="http://jsfiddle.net/hK7YT/2/" rel="nofollow">http://jsfiddle.net/hK7YT/2/</a></p>