jquery-ui可放置区域的问题

Question

我的代码中的droppable区域存在一些问题。一切正常，正常运作;但是，我可以有效地删除编号圆圈的区域未正确对齐。这很难解释，下面是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>