jquery сортирует и изменяет размер с перекрывающимися элементами списка

У меня есть несколько сортируемых списков рядом. Вы можете изменить ширину div, чтобы покрыть другие списки. Это позволяет одному элементу быть частью более чем одного списка.

Я хочу сделать это так, чтобы сортируемые элементы div не перекрывались.

См. скрипку вhttp://jsfiddle.net/2J6af/

РЕДАКТИРОВАТЬ :Если вы перейдете к скрипке выше и увеличите ширину сортируемого элемента, затем переместите его и отпустите. Вы увидите, что он перекрывает другие сортируемые элементы. Я хочу, чтобы все сортируемые элементы были расположены так, чтобы не было перекрытия.

РЕДАКТИРОВАТЬ:Я прошел через Работа с перекрывающимися сортируемыми списками jQuery снова, как было предложено @KateA, и хотя это похоже, в нем говорится о перекрывающихся списках, а не о сортируемых элементах, охватывающих несколько списков..

РЕДАКТИРОВАТЬ:В готовом продукте будет 7 списков рядом, и мне нужно переставить сортируемые элементы в определенном порядке после того, как пользователь удалил элемент. Я знаю, что вы можете добавить функцию к событию sort:, возможно, это ключевая функция для изменения порядка и проверки/исправления любых перекрывающихся сортируемых элементов?

РЕДАКТИРОВАТЬ:Я также заметил, что сортируемый элемент ведет себя по-разному при перетаскивании в зависимости от того, изменяли ли вы его размер с помощью левой или правой ручки. Он путается в том, на какой список вы наводите курсор. например. если вы изменили размер с помощью левого манипулятора, а затем взяли его и попытались поместить в средний или правый список, он упадет в тот список, который находится рядом слева от указателя мыши, а не туда, где он показывает пустой заполнитель под мышью указатель.

РЕДАКТИРОВАТЬ:jquery fullCalendar делает именно то, что мне нужно, но как они это сделали?http://arshaw.com/fullcalendar/

РЕДАКТИРОВАТЬ:Я работал над расширением скрипки в пределах своих знаний о сортируемости, как вы думаете, я на правильном пути?http://jsfiddle.net/2J6af/17/