Draggable constraint breaking on some browsers when used with resizable

The example provided below displays a blue draggable and resizeable child rectangle inside a parent constraint. Attempting to drag the child rectangle to the far right initially causes correct behaviour i.e. the parent constrains the child's position, but following this with repeated click-and-drags causes the child to break the constraint on some browsers. Interesting, once the constraint has been broken it is broken across that same area permanently. Any attempt to resize the child by using the west/east handles immediately "fixes" the problem and the child constrains normally. Also this bug only occurs when the #child's position style option is set to 'absolute', setting it to 'fixed' appears to make the problem disappear.

Example of the bug in action here:

http://jsfiddle.net/CSWDU/1/

I've reproduced this on Safari 5.1 (7534.50) and Google Chrome (21.0.1180.89).