Я использую jquery draggable, и он отлично работает в Chrome и Firefox. Но в IE7 перетаскиваемый элемент и курсор мыши не совпадают. Я загрузил картинку здесь: http://i.imgur.com/PQZZ5.png изображение яйца с красной рамкой перетаскивается, и мой курсор находится там, куда указывает синий указатель!
Попробуйте привязаться к родительскому контейнеру и настроить сетку.
http://jqueryui.com/demos/draggable/#snap-to
Итак, в перетаскиваемом примере на сайте jquery ui вы могли бы сделать следующее
$( "#draggable5" ).draggable({ snap: ".ui-widget-header", grid: [ 80, 80 ] });
Попробуйте добавить position:relative в свой класс CSS.Звучит странно, но у меня была похожая ошибка, и это исправило ее.
position:relative