How to make div item stack
<p>I have the following code that works fine i am trying to get the items to stack when they get moved into boxA. How would i go about that?</p>

<pre><code>$(function () {
    $("#sortable").sortable();
    $("#boxA").droppable({
        activeClass: 'ui-state-hover',
        hoverClass: 'ui-state-active',
        drop: function (event, ui) {
            $(this).addClass('ui-state-highlight').find('p').html('Dropped!');
            find('li').children().remove();
        }
    });
</code></pre>

<hr>

<pre><code>&lt;div id='main_content'&gt;
    &lt;ul id="sortable"&gt;
        &lt;li&gt;Item 1&lt;/li&gt;
        &lt;li&gt;Item 2&lt;/li&gt;
        &lt;li&gt;Item 3&lt;/li&gt;
        &lt;li&gt;Item 4&lt;/li&gt;
        &lt;li&gt;Item 5&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div id='boxA' class='ContentBoxes'&gt;
        &lt;div class='ContentMenu'&gt;Column A&lt;/div&gt;
        &lt;p&gt;Drop an item on me.&lt;/p&gt;
    &lt;/div&gt;​
</code></pre>
