jquery - jQuery UI: tbody 内の TR の並べ替えが、スペースが少なすぎるために失敗することがある

Question

テーブル行が 2 つある小さなテーブルがあります。

jQuery UIでソート可能にしたい。

2 行目を 1 行目の前に配置しようとすると、うまくいかないことがあります。

ソーターにもっとスペースが必要なようです。

この問題を解決するにはどうすればよいですか?

<div>
 <table>
    <tbody>
        <tr>
            <td class="handle">X</td>
            <td>1</td>
        </tr>
        <tr>
            <td class="handle">X</td>
            <td>2</td>
        </tr>
    </tbody>
 </table>
</div>

デモ: http://jsfiddle.net/uYGer/