How do I make these table cells sortable?
<p>How do I make these table cells sortable without having the cells pour over the fixed width tbody container?  When I move a cell into a row above or below, the cell in the 3rd column will pour over the container and not go down into the column below or above.....here is my code...</p>

<p><strong>jQuery</strong></p>

<pre><code>$document.ready(function(){
    $(function() {
        $( "#sortable_grid" ).sortable({
            items: 'td'
            //helper: "clone"
        });

        $( "#sortable_grid" ).disableSelection();
    });
});
</code></pre>

<p><strong>CSS</strong></p>

<pre><code>#sortable_grid { 
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 450px;
}
#sortable_grid td {
  margin: 3px 3px 3px 0;
  padding: 1px;
  float: left;
  width: 100px;
  height: 90px;
  font-size: 4em;
  text-align: center;
}

.ui-state-default{
  width:100px;
}
</code></pre>

<p><strong>HTML</strong></p>

<pre><code>&lt;table id="sortable" border="1" width="300"&gt;
&lt;tbody id="sortable_grid"&gt;
    &lt;tr width="300"&gt;
        &lt;td width="100" class="ui-state-default"&gt;1&lt;/td&gt;
        &lt;td width="100" class="ui-state-default"&gt;2&lt;/td&gt;
        &lt;td width="100" class="ui-state-default"&gt;3&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td width="100" class="ui-state-default"&gt;4&lt;/td&gt;
        &lt;td width="100" class="ui-state-default"&gt;5&lt;/td&gt;
        &lt;td width="100" class="ui-state-default"&gt;6&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td width="100" class="ui-state-default"&gt;7&lt;/td&gt;
        &lt;td width="100" class="ui-state-default"&gt;8&lt;/td&gt;
        &lt;td width="100" class="ui-state-default"&gt;9&lt;/td&gt;
    &lt;/tr&gt;   
    &lt;tr&gt;    
        &lt;td width="100" class="ui-state-default"&gt;10&lt;/td&gt;
        &lt;td width="100" class="ui-state-default"&gt;11&lt;/td&gt;
        &lt;td width="100" class="ui-state-default"&gt;12&lt;/td&gt;
    &lt;/tr&gt;
&lt;/tbody&gt;
</code></pre>

<p>    </p>