title: jQuery sortable margin issues
body: <p>I'm having two sortable lists where I can add items from the first list to the second list. The default behavior removes the element from the source list, but that's not what I want (I want it to be copied to the destination list), so I made some adjustments to clone the moved element in the source list before it gets deleted.</p>
  
  <p>It works, but I have weird issues with margins on cloned elements. See for yourself:</p>
  
  <p><strong>This is before:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/m8vtD.png" alt="enter image description here"></p>
  
  <p><strong>After some dragging, margin inconsistencies appear:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/DC6P1.png" alt="enter image description here"></p>
  
  <p>I have a jsfiddle of the problem here: <a href="http://jsfiddle.net/JNbsX/" rel="nofollow noreferrer">http://jsfiddle.net/JNbsX/</a> </p>
  
  <p>I've tested it on Chrome and Firefox and the issue exists in both browsers. Any help is appreciated. Thanks!</p>