Пользовательский интерфейс JQuery: размещение длинного элемента в месте курсора, а не в середине элемента

У меня есть очень длинные перетаскиваемые элементы, которые я могу опустить во все ячейки фоновой таблицы.

Когда я начинаю перетаскивать такой элемент, когда я нахожу опускаемые контейнеры (ячейки моей таблицы), «горячей» точкой для определения того, где будет отброшен элемент, является его середина.

К сожалению, середина моего элемента часто не видна, и бросать элемент в нужное место бесполезно.

Можно ли указать позицию курсора, чтобы выбрать, в каком контейнере будет размещаться элемент вместо середины элементов?

Я действительно застрял и буду очень признателен за любую помощь.

Привет, вот пример кода, описывающий мою проблему. Желтый div не может легко попасть в ячейки, потому что он слишком длинный. jsbin.com/upunek/edit

Спасибо