title: jquery.ui sortable using a table and item:tr , placeholder difficulties
body: <p>I would like to add support for sorting to tables I have created. </p>
  
  <p>The placeholder I have implemented does not work at all in IE 7 when using item:TR . It works OK in FF.<br>
  I have tried the code on <code>&lt;UL\&gt;</code> and it performs correctly. It seems to be specific to tables and </p>
  
  <p>I have researched through forums, and it appears that not a lot of people are using sorting with tables:  </p>
  
  <pre><code>&lt;style type="text/css"&gt;
    .dndPlaceHolder 
    {
      background-color:Red ;
      color:Red;
      height: 20px; 
      line-height:30px;
      border: solid 2px black;
    }    
    .dndItem
    {
      background-color: #c0c0c0;
      border:solid 1px black;
      padding:5px; 
    }
  &lt;/style&gt;
  
  &lt;script type="text/javascript" &gt;
    $(function() {
      $("#myTable").sortable(
      {
        placeholder:'dndPlaceHolder',
        distance:15,
        items:'tr', 
        forcePlaceholderSize:true, 
        change : dndChange,
        update : dndUpdate
      });
  
      $("#myTable").disableSelection();
  
      $("#myList").sortable(
      {
        placeholder:'dndPlaceHolder',
        distance:15,
        items:'li', 
        forcePlaceholderSize:true, 
        change : dndChange,
        update : dndUpdate
      });
  
      $("#myList").disableSelection();
  
    });
  
    function dndChange(event,ui){
  
    }
  
    function dndUpdate(event,ui){
      var msg = '';
    }       
  &lt;/script&gt;
  
  &lt;table id='myTable' &gt;
     &lt;tr class='dndItem' id='1'&gt;
        &lt;td&gt;0 Active - Active&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class='dndItem' id='2'&gt;
        &lt;td&gt;1 Closed - Closed&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class='dndItem' id='3'&gt;
        &lt;td&gt;2 OnHold - On Hold&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class='dndItem' id='4'&gt;
        &lt;td&gt;3 Pending - Pending&lt;/td&gt;
     &lt;/tr&gt;
  &lt;/table&gt;
  &lt;BR&gt;
  &lt;UL id='myList' &gt;
    &lt;li class='dndItem' id='1'&gt;0 Active - Active&lt;/li&gt;
    &lt;li class='dndItem' id='2'&gt;1 Closed - Closed&lt;/li&gt;
    &lt;li class='dndItem' id='3'&gt;2 OnHold - On Hold&lt;/li&gt;
    &lt;li class='dndItem' id='4'&gt;3 Pending - Pending&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Can you help me with my requirements using the code I have provided or refer me to a guide demonstrating how this is done?</p>