Auto scroll in IE for sortables
<p>In this fiddle when user drags a div auto scroll works in chrome but not in IE ?</p>

<p><a href="http://jsfiddle.net/adrianjsfiddlenetuser/FafWW/" rel="nofollow">http://jsfiddle.net/adrianjsfiddlenetuser/FafWW/</a></p>

<pre><code>&lt;div style="display:inline-block"&gt;
&lt;div id="List1"&gt;
        &lt;div&gt;Item1&lt;/div&gt;
        &lt;div&gt;Item2&lt;/div&gt;
        &lt;div&gt;Item3&lt;/div&gt;
        &lt;div&gt;Item4&lt;/div&gt;
        &lt;div&gt;Item5&lt;/div&gt;
        &lt;div&gt;Item6&lt;/div&gt;
        &lt;div&gt;Item7&lt;/div&gt;
        &lt;div&gt;Item8&lt;/div&gt;
        &lt;div&gt;Item9&lt;/div&gt;
    &lt;/div&gt;

    &lt;div id="List2"&gt;
        &lt;div&gt;Item1&lt;/div&gt;
        &lt;div&gt;Item2&lt;/div&gt;
        &lt;div&gt;Item3&lt;/div&gt;
        &lt;div&gt;Item4&lt;/div&gt;
        &lt;div&gt;Item5&lt;/div&gt;
        &lt;div&gt;Item6&lt;/div&gt;
        &lt;div&gt;Item7&lt;/div&gt;
        &lt;div&gt;Item8&lt;/div&gt;
        &lt;div&gt;Item9&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
​
#List1, #List2
{
    height: 300px;
    width: 200px;
    overflow: auto;
    border: solid 2px black;
    margin-bottom: 20px;
    float:left;
    margin:10px;
}

#List1 &gt; DIV, #List2 &gt; DIV
{
    height: 50px;
    border: solid 1px red;
}​

$(function() {
    var sortlists = $("#List1, #List2").sortable({
        tolerance: 'pointer',
        connectWith: '#List1, #List2',
        helper: 'original',
        scroll: true
    });
});​
</code></pre>
