Test Case Boilerplate

Fork this way...

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<div id="div1">
    <div id="div2">
        <ul id="liste">
            <li>Eintrag 1</li>
            <li>Eintrag 2</li>
            <li>Eintrag 3</li>
            <li>Eintrag 4</li>
            <li>Eintrag 5</li>
            <li>Eintrag 6</li>
            <li>Eintrag 7</li>
            <li>Eintrag 8</li>
            <li>Eintrag 9</li>
        </ul>
    </div>
</div>

CSS

#div1{
    height:500px;
    background-color:green;
    position:relative;
}
#div2{
    position:absolute;
    top:50px;
    left:50px;
    height:100px;
    width:300px;
    overflow-y:auto;
    background-color:lightgrey;
}

JavaScript

$("#liste>li").draggable({
    helper:function(event, ui) {
    	return $('<span style="white-space:nowrap;"/>').css({background:'transparent'}).html('<span>...moving selection</span>');
	},
	cursorAt:{ right: 170, top:-5  },
	cursor:'no-drop'
});