I have a sortable list that works great in Firefox, but when I try to drag one of the sortable list items over another in IE, the list disappears completely. I tried replacing the tables inside the list with just text, and the same thing happened. Also, the sortable isn't nested inside a table as was described as a bug in IE. Any help would be appreciated.
Here is my basic list setup:
<ol id="List">
<li id="List_List1">
<table>
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
</table>
</li>
<li id="List_List2">
<table>
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
</table>
</li>
<li id="List_List3">
<table>
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
</table>
</li>
</ol>
<script type="text/javascript">
Sortable.create("List",{dropOnEmpty:true,tag:'li',containment:["List"],overlap:'vertical',constraint:'vertical'});
</script>