DragDrop of a Panel between 2 other Panels

[hrosenbauer]

Hi,
I'm trying to create 2 resizable columns (each column is a panel, and a splitter between them) which contain other panels (let's call them windows).
These windows should be draggable between the columns and added to the column where they were dropped.

My problems are:

1. after dropping the first window, it's layout is faulty (looks like 5px height and width)
2. number 1 can be temporarily fixed by grabbing the splitter between the columns and moving it a little bit
3. after dropping the second window to the column where the first window now is, the same bug appears and the second window has it's own height as css-top-value

Livedemo: http://jsfiddle.net/rebugger/w2TNP/4/

[hrosenbauer]

(shameful bump)