Tabela kwestia granicy w chromie po jquery przeciągnij zatrzymać

Question

Aktualizacja użyciu position: relative: td, th wtedy, gdy przeciąganie

Tabela granica zniknie po jquery przeciągnij

pracy dobrze w mozila i ie, ale nie w chromie

jsfiddle here

HTML

<table> 
    <tr> 
     <th>id</th> 
     <th>name</th> 
     <th>city</th> 
    </tr> 
     <tr class="person"> 
     <td>1</td> 
     <td>abc</td> 
     <td>abc</td> 
    </tr> 
     <tr class="person"> 
     <td>2</td> 
     <td>xyz</td> 
     <td>xyz</td> 
    </tr> 
</table> 

CSS

table{ 
    border-collapse : collapse; 
} 

td, th{ 
    border : 1px solid #000; 
    padding : 5px 20px; 
} 

th{ 
    background-color : #f3f3f3; 
} 

.drag { 
    background-color : #f3f3f3; 
    height : 20px; 
    width : 100px; 
} 

JS

$('.person').draggable({ 
    helper : function(){ 
     return $('<div class="drag">Drag me</div>') 
    }, 
    cursor : 'crosshair', 
    cursorAt : {left : 50}, 
    start : function(){ 
     $(this).hide(); 
    }, 
    stop : function(){ 
      $(this).show(); 
    } 
}); 

Answer 1

Usunięcie obramowania z tabeli css najwyraźniej przyniosło efekt.

table{ 
     /* border-collapse : collapse */ 
} 

Wyjazd na http://jsfiddle.net/YTZrj/1/

Answer 2

table {border-collapse:separate;} 

sprawi, że stół wyglądać nieco inaczej, ale nie spowoduje to już problem.

http://jsfiddle.net/YTZrj/4/