Jquery resizable seems to change layout

Please refer to the J Fiddle:

http://jsfiddle.net/NwvPA/3/

The two bars, you can resize them left and right only. However, if you resize the top one, it repositions the other bar ontop of it, they should stay at their vertical level!

It's hard to post code in here because there's quite a lot, all the relevant bits are stripped out and put on the fiddle.

Any help appreciated, thank you!开发者_运维百科

Fixed it in the end:

// Bar dragability
$(".jobArea .bar").parent().draggable(
    {
        axis: "x",
        grid: [GridSize, GridSize]
    }
);

I beleive the resizable adds a wrapper div, so if we select the parent it works bug free.