Problems with containment on draggable

Problems with containment on draggable

http://jsfiddle.net/kZuyn/5/
I've tried both 1.7.2 and 1.8rc2 and they aren't working how i'd expect.

When you hover between the boxes it creates a large translucent white box "bounds" and a skinny "divider".  The divider should only be able to be dragged within that large translucent white box.

Where the console log is, i'm setting containment as the parent but it isn't being contained there.
I've tried using a number array too, and that won't work.

I've tried soo many different things.. not getting what's going on.  Even logging to see that the containment option is set right.

It's all in the setResizable() function.