offset() and webkit?

offset() and webkit?

I have a problem with webkit-browsers. 
There is a canvas on my page and every time a user clicks on it (and while holding the mouse button down) a new <img> is appended to the body. Now the user should be able (still while holding the mouse button down) to drag this newly created image around. As it did not work with .draggable(), I did it with .mousemove() and .mouseout():

    $(this.canvas)
    .mousedown(
        $.proxy(
            function(event) {
                    <...>
                    $('body').append(
                        $('<img />')
                        .attr('src', toMove.image.src)
                        .attr('id', 'draft-' + type + '-no_replace')
                        .css('position', 'absolute')
                        .css('top' , toMove.y - height + offsetY)
                        .css('left', toMove.x - width + offsetX)
                        .mousemove(
                            function(event) {
                                $(this).css('opacity','0.8');
                                $(this).offset({top: event.pageY - y, left: event.pageX - x});
                            }
                        )
                        .mouseout(
                            function(event) {
                                $(this).css('opacity','0.8');                
                                $(this).offset({top: event.pageY - y, left: event.pageX - x});
                            }        
                        )
                        .draggable({ opacity: 0.8 })
                    );
                  <...>
            },
            this
        )
    );

It works just fine with FF, but in every webkit-browser I tried, just the opacity is changed and the position of the image is not. I think it's a problem with .offset() but i'm pretty clueless right now...
Here is the complete page:  http://www.schwersenz.de/lego/canvas.html