Resizable: Absolutely positioned resizable containment does not work when the absolute position is not relative to the containment element

[gabrielle27]

I have placed a resizable in the middle of a container div, by giving it absolute position and manually setting the top and left values. When I set the resizable's containment to the container div, the resizing acts strange. I am not able to resize it down or to the right. When I resize it up or to the left sometimes it changes position instead of just changing size. And I am able to resize it out of the container div. I'm using firefox 3.0.10 on Mac OS 10.5.7. I am attaching a demo page.

[gabrielle27]

a standalone html file demonstrating the bug

[tj.vantoll]

Here's a cleaned up port of the original example to jsFiddle - ​http://jsfiddle.net/tj_vantoll/S7FYx/. The reason the red box is not resizable is that it is absolutely positioned relative to the window and not the blue box. This can be cleaned up by making the container position: relative - ​http://jsfiddle.net/tj_vantoll/KeGkR/.