Draggable connectToSortable position bug

the draggable is successfully added to the HTML for the sortable in the position where it is dropped. However, on screen the dropped item is way off where it should be. And its left with the draggable classes.

So looking at the code, I end up with something like this after the draggable is dropped onto the sortable....

<ul id="sortables" class="testing ui-sortable" style="cursor: move; position: relative;">
  <li id="order_1" class="sortable"> 1 </li>
  <li id="order_3" class="sortable"> 3 </li>
  <li id="order_2" class="sortable ui-draggable ui-draggable-dragging" style="position: relative; left: 4px; top: -38px;"> 2 </li>
</ul>

the position is correctly displayed when we add helper: "clone" to the draggable. But in this case the original draggable is not removed. (not sure if it should be?? what is the expected behavior when we use helper: "clone"???)