jquery - css スケーリングされた (-webkit-transform) div とその子である jquery ui のドラッグ可能な移動は、ドラッグ中のカーソルと同じではありません

Question

中に子供がいる窓があります。子供は窓の中で動いているはずです。ウィンドウは css 変換 (-webkit-transform) を使用してスケーリングされます。私はこのようなことを試しました：

html
<div class="window">
    <div class="rect"></div>
</div>​

css
.window
{
    width: 640px;
    height: 480px;
    background: gray;
    position: absolute;
    -webkit-transform: translate(-25%, -25%) scale(0.5);
}

.rect
{
    width: 60px;
    height: 40px;
    background: red;
}

js
$(function() {
    $('.rect').draggable({
        containment: 'parent'
    });
});​

ここに投稿しました - http://jsfiddle.net/bLKQj/12/ 子はカーソルよりもゆっくりと動きます。スケーリングが 1 より大きい場合は、移動が速くなります。それを修正するには？

PS: イン トランスフォームtranslate(-25%, -25%)は、左上隅を固定してスケーリングするためのものです。