jQuery UI sortable and container zoom

Question

I want to sort divs within a container that has a zoom of 0.4;

The problem is that when i drag the elements to sort them, the position of the dragged div is not relative to the mouse cursor. How can I have the divs move relative to the cursor as if the container didnt have zoom:0.4?

Heres a demo. Simply drag an element and you will see that the div does not movie according to the cursor. 

#container {
  width: 1000px;
  height: auto;
  background-color:red;
  margin: 0 auto;
  zoom: 0.4;
}