slider for my drag and drop lists
<p>I have the following: <a href="http://jsfiddle.net/FCKvk/" rel="nofollow">http://jsfiddle.net/FCKvk/</a></p>

<p>When you pull an image from one of the lists in the other one it exstands the height of the div, i don't want that!</p>

<p>When the pictures are more than 4 on one list i want to aciev something like this: </p>

<p><a href="http://jqueryui.com/slider/#side-scroll" rel="nofollow">http://jqueryui.com/slider/#side-scroll</a></p>

<pre><code>$(function(){
    $( "#sortable1, #sortable2" ).sortable({
        connectWith: ".connectedSortable"
    }).disableSelection();
});
</code></pre>

<p>How can it be done? thanks</p>
