Sortable when hovering not aligned under mouse cursor in IE
I am trying to use the sortable functionality and in IE the sortable
doesn't hover underneath the cursor, it is about 50px below the
cursor. It works in Firefox, Opera, Safari, but not in IE so Im at a
loss as to what is going on. Here is what I have:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/jquery.dimensions.js" type="text/javascript"></
script>
<script src="scripts/ui.mouse.js" type="text/javascript"></script>
<script src="scripts/ui.draggable.js" type="text/javascript"></
script>
<script src="scripts/ui.droppable.js" type="text/javascript"></
script>
<script src="scripts/ui.sortable.js" type="text/javascript"></script>
<style type="text/css">
body{font-size:11px;font-family:verdana,arial,sans-
serif;color:#363636;margin:0;padding:0;background-color:transparent}
img{border:0}
.clear{clear:both}
#entourage{float:right;width:364px;margin-top:50px}
#entourage li{margin:1px}
#entourage .sortable,#entourage .sortableHover{float:left}
.cancelControl{width:100px;text-align:right}
</style>
</head>
<body>
<div id="entourage">
<ul style="list-style-position:inside;">
<li class="sortable"><img src="http://profile.ak.facebook.com/
profile6/866/51/q617502933_9578.jpg" alt="Jonathan" uid="1" /></li>
<li class="sortable"><img src="http://profile.ak.facebook.com/
profile6/121/75/q546986639_5323.jpg" alt="Daniel" uid="2" /></li>
<li class="sortable"><img src="http://profile.ak.facebook.com/
profile5/1452/73/q1311919_3618.jpg" alt="John" uid="3" /></li>
<li class="sortable"><img src="http://profile.ak.facebook.com/
profile5/1773/115/q724741651_5854.jpg" alt="David" uid="4" /></li>
<li class="sortable"><img src="http://profile.ak.facebook.com/
profile5/658/68/q12819160_5437.jpg" alt="Jeff" uid="5" /></li>
<li class="sortable"><img src="http://profile.ak.facebook.com/
profile6/1051/16/q506017534_2981.jpg" alt="Suleman" uid="6" /></li>
<li class="sortable"><img src="http://profile.ak.facebook.com/
profile5/669/88/q829675289_6877.jpg" alt="Travis" uid="7" /></li>
</ul>
</div>
<script type="text/javascript"><!--//<![CDATA[//>
$(document).ready(function(){$('#entourage
ul').sortable({hoverClass:"sortableHover"});});
//<!]]>--></script>
</body>
</html>
In IE when you drag one of the sortables it shows up about 50px below
the cursor. Any help would be much appreciated!! Thanks
-Joshua-