Drag original element

[brianppoole]

I'm developing an HTML5 game which features some drag and drop functionality.

Currently when dragging items I get a "ghosted" version of the item which isn't ideal. To make matters worse, each browser seems to have it's own way of rendering this -- Safari being the worst in that it will frequently cut off edges.

Is it possible to use the original DOM element? i.e. Can we bind the original element to the pointer and have it follow?

I'm thinking along the lines of:
onDragStart: track original coordinates; set position to absolute; apply offset;
onMouseMove: change absolute positioning offset;