动态捕捉小部件

我正在尝试创建一个基于Javascript/Jquery的应用程序，该应用程序最终将进入我的博客。这是jsFiddle

我正在使用chrome，还没有在其他浏览器上进行过测试，但到目前为止，它在我的浏览器上所做的是允许白色的"可移动"div在左右列中变得"可捕捉"。我似乎已经把那个部分弄明白了。还有两件事我想做，但我不知道该怎么做。

1） 我想这样做，如果同一列中有两个或多个"可移动"div，并且你试图将它们相互移动，它们就不会重叠。现在它们重叠，但我希望其他div在相互接触时也能移动。我尝试使用css将位置更改为相对位置，但代码的其余部分随后中断。

2） 当你在div上按住鼠标并移动时，有时它会试图用鼠标高亮显示div，这会"干扰"div，迫使你重新单击。有办法绕过这个吗？

感谢