This demo shows the ghosting:true flag on Sortable.create. This demo has been verified to work in IE 5.5. It also works in the latest version of Firefox.


<style>
  #content #examplelist { 
      list-style-type:none;
      margin:0;
      padding:0;
   }
   #content #examplelist li {
     width:200px;
     font:13px Verdana;
     margin:0;
     margin-left:20px;
     padding-left:20px;
     padding:4px;
     cursor:move;
   }
  div.dropmarker {
      height:6px;
      width:200px;
      background: url(/images/dropmarker.png) left top;
      margin-top:-3px;
      margin-left:-5px;
      z-index:1000;
      overflow: hidden;
   }
</style>

<ul id="examplelist">
<li>Lorem ipsum dolor</li>
<li>sit amet</li>
<li>consectetur adipisicing</li>
<li>elit</li>
<li>sed do eiusmod</li>
<li>tempor incididunt</li>
<li>ut labore et dolore</li>
<li>magna aliqua</li>
</ul>

<script type="text/javascript" language="javascript">
  Sortable.create('examplelist',{ghosting:true,constraint:false})
</script>