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="outer">outer
<div id="inner">inner</div>

</div>

CSS

#inner {
    width: 300px;
    height: 200px;
    background-color: #ff0000;
}

#outer {
    width: 600px;
    height: 800px;
    background-color: #000000;
}

JavaScript

$("#outer").draggable({
    revert : false
    ,scroll: 'true'
    ,opacity : 1.0
});
$("#inner").draggable({
    cursor : 'pointer',
    revert : false,
    helper: 'clone'
});