javascript - jquery-ui 可放置区域的问题

Question

我的代码中的可放置区域存在一些问题。一切都在正确发射并按预期工作；但是，我可以有效删除编号圆圈的区域未正确对齐。很难解释，所以这里是下面的 jsFiddle 链接。

http://jsfiddle.net/sprink91/Fse2L/48/

我希望放置的区域的 HTML 代码：

<div id="card_area">
  <div id="card1">
    <p class="shadow 1"></p>
    <p class="shadow 2"></p>
    <p class="shadow 3"></p>
  </div>
  <div id="card2">
    <p class="shadow 1"></p>
    <p class="shadow 2"></p>
    <p class="shadow 3"></p>
  </div>