title: Weird margins after sortable in jqueryUi
body: <p>I have this weird problem with margins in sortable after dragging.
  margins seem to disappear and boxed stick to each other.
  Played around with it for quite a bit and couldn't find the problem.</p>
  
  <p>Any help would be highly appreciated.</p>
  
  <p>Here's a fiddle: <a href="http://jsfiddle.net/YsG6S/" rel="nofollow">http://jsfiddle.net/YsG6S/</a><br>
  And the CSS:</p>
  
  <pre><code>ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; width:500px; }
  li { width: 200px; height:100px; display:inline-block; border:1px solid black; }
  </code></pre>
  
  <p>(Sort and drag to see the margin issue)</p>