title: jquery sortable not working
body: <p>I can use jquery to sort an individual list and sort between lists.  However when I attempt to do both, the individual sort works really poorly.  (Seemingly can only find room at the end)  It seems has to do with specifying the width of the li.  Any ideas.
  Thanks all - ive been struggling for too long.
  Website its located at is :
  <a href="http://s95311055.onlinehome.us/midwives2012/sortFields-test.php" rel="nofollow">http://s95311055.onlinehome.us/midwives2012/sortFields-test.php</a></p>
  
  <p>jquery</p>
  
  <pre><code>$(function() {
   $( "#category1, #category2" ).sortable({items: "li:not(.ui-state-disabled)",connectWith: "#removed"}).disableSelection();   
  </code></pre>
  
  <p>});</p>
  
  <p>CSS</p>
  
  <pre><code>._32 {
   width: 28%;
  display: inline;
  float: left;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
  margin:5px;
  background-color: #FFC; 
  </code></pre>
  
  <p>}</p>
  
  <pre><code>          &lt;ul class="category" id="category1"&gt;&lt;span class="categoryHeader"&gt;List1&lt;br&gt;&lt;/span&gt;
    &lt;li class="_32"&gt;num1&lt;/li&gt;    
    &lt;li class="_32"&gt;num2&lt;/li&gt;    
    &lt;li class="_32"&gt;num3&lt;/li&gt;    
    &lt;li class="_32"&gt;num4&lt;/li&gt;    
    &lt;li class="_32"&gt;num5&lt;/li&gt;    
    &lt;li class="_32"&gt;num6&lt;/li&gt;                                  
    &lt;li class="_32"&gt;num7&lt;/li&gt;    
    &lt;li class="_32"&gt;num8&lt;/li&gt;    
    &lt;li class="_32"&gt;num9&lt;/li&gt;    
    &lt;li class="_32"&gt;num10&lt;/li&gt;    
    &lt;li class="_32"&gt;num11&lt;/li&gt;    
    &lt;li class="_32"&gt;num12&lt;/li&gt;        
  &lt;/ul&gt;
  &lt;ul class="category" id="category2"&gt;&lt;span class="categoryHeader"&gt;List2&lt;br&gt;&lt;/span&gt;
    &lt;li class="_32"&gt;num21&lt;/li&gt;    
    &lt;li class="_32"&gt;num22&lt;/li&gt;    
    &lt;li class="_32"&gt;num23&lt;/li&gt;    
    &lt;li class="_32"&gt;num24&lt;/li&gt;    
    &lt;li class="_32"&gt;num25&lt;/li&gt;    
    &lt;li class="_32"&gt;num26&lt;/li&gt;                                  
    &lt;li class="_32"&gt;num27&lt;/li&gt;    
    &lt;li class="_32"&gt;num28&lt;/li&gt;    
    &lt;li class="_32"&gt;num29&lt;/li&gt;    
    &lt;li class="_32"&gt;num30&lt;/li&gt;    
    &lt;li class="_32"&gt;num31&lt;/li&gt;    
    &lt;li class="_32"&gt;num32&lt;/li&gt;        
  
  &lt;/ul&gt; 
  </code></pre>