title: Custom Helper with jQuery UI Sortable
body: <p>I've created a custom helper element with the jQuery UI sortable component.</p>
  
  <pre><code>$(function() {
      $("#sortable").sortable({
          placeholder: "ui-state-highlight",
          helper: function() {
              return $('&lt;tr style="background-color:Fuscia"&gt;&lt;td colspan="5" &gt;&lt;table&gt;&lt;tr&gt;&lt;td class="ui-state-default" style="background-color:Red"&gt;[XXXXXXXXXXXX]&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td colspan="5" class="ui-state-default" style="background-color:Red"&gt;[XXXXXXXXXXXX]&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;');
          },
      });
      $("#sortable").disableSelection();
  });
  </code></pre>
  
  <p>The custom element does in fact appear when I'm dragging an item. However, it overflows the "dragging box" that is apparently a container for whatever is being dragged.</p>
  
  <p>I've posted my code and markup at <a href="http://jsfiddle.net/LpyXh/" rel="nofollow">http://jsfiddle.net/LpyXh/</a>.</p>
  
  <p>Can someone see what I'm missing?</p>