IE8 droppable <tr> bug ?

IE8 droppable <tr> bug ?

Hello,
I have a table which have a droppable <tr> and draggable <div>s . In the drop function, I'm always getting the 1st row of the table even if I drop on another row of the table when using IE8. It works in other browsers. Live demo :  http://jsbin.com/anogo3

  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  3. <html>
  4. <head>
  5.     <script type="text/javascript" src="jquery.js"></script>
  6.     <script type="text/javascript" src="jquery-ui-1.8.4.custom.min.js"></script>
  7. <script type="text/javascript">
  8. $(document).ready(function() {
  9. $("#containment-wrapper div").draggable({
  10. revert: true,
  11. cursor: 'move',
  12. });

  14. $("#containment-wrapper tr").droppable({
  15. drop: function(event, ui) {
  16. alert("Dropped on " + $(this).attr('id'));
  17. }
  18. });
  19. });
  20. </script>
  21. </head>
  22. <body>

  24. <div>
  25. <h2>&nbsp;</h2>
  26. </div>

  28. <table id="containment-wrapper" border="1">
  29. <tbody >
  30. <tr class="odd" id="myid1">
  31. <td style="text-align: left; width: 20%;"><div id="cell1">CELL 1</div></td>
  32. </tr>
  33. <tr class="odd" id="myid2">
  34. <td style="text-align: left; width: 20%;"><div id="cell2">CELL 2</div>
  35. </td>
  36. </tr>
  37. <tr class="odd" id="myid3">
  38. <td style="text-align: left; width: 20%;"><div id="cell3">CELL 3</div>
  39. </td>        
  40. </tr>
  41. </tbody>
  42. </table>
  43. </body>
  44. </html>

If I remove line 1 or line 24 - 26 the bug disappears ?!

Any ideas what's wrong ?