jquery ui sortable doesn't scroll in IE when placed in a scrollable div

[vsw]

checkout this fiddle: http://jsfiddle.net/MSygf/3/ in Internet Explorer\[code\]<div style="overflow-y:auto;max-height:100px;"><ul class="draggable"> <li class="drag">Drag 1</li> <li class="drag">Drag 2</li> <li class="drag">Drag 3</li> <li class="drag">Drag 4</li> <li class="drag">Drag 5</li> <li class="drag">Drag 6</li> <li class="drag">Drag 7</li> <li class="drag">Drag 8</li> <li class="drag">Drag 9</li> <li class="drag">Drag 10</li> <li class="drag">Drag 11</li> <li class="drag">Drag 12</li></ul></div> var sort_opts = { helper: function(e, ui) { ui.children().each(function() { $(this).width($(this).width()); }); return ui; }, stop: function(e, ui) { tableObj.siblings('.' + attrs.realm + '-reorder-weights').val(tableObj.sortable('toArray').toString()); }, axis: 'y', items: 'li.drag' }; $('.draggable').sortable( sort_opts );\[/code\]In Firefox, Chrome, etc dragging the handle to the bottom of the scrollable div will scroll the div. However, this is not the case for Internet Explorer (8,9)...Is there a way to make it so that dragging the handle to be bottom of the scrollable div will also scroll the div in IE?I tried doing \[code\]position:relative\[/code\] on the div but now the div would scroll infinitely instead of stopping at the bottom so that's a no go....