title: jQuery droppable ignore the z-index?
body: <p>My problem, the drop-function starts when I sort the list. </p>
  
  <p><strong>js</strong></p>
  
  <pre><code>$(document).ready(function rt()
  {
      $("#div1").draggable();
      $("#k1").sortable({ revert: '100' });
      $('#droparea').droppable({ accept: 'li', drop: function() { alert('ssss'); } });
  });
  </code></pre>
  
  <p><strong>html</strong></p>
  
  <pre><code> &lt;div id="div1" style="z-index:5;"&gt;
      &lt;ul id="k1" style="width:350px; height:200px; background-color:#ffffff; margin:20px; padding:10px; border:1px solid #000000; "&gt;
          &lt;li&gt;One&lt;/li&gt;
          &lt;li&gt;two&lt;/li&gt;
          &lt;li&gt;three&lt;/li&gt;
      &lt;/ul&gt;
  
  &lt;/div&gt;
  
  &lt;div id="droparea" style="position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#cccccc; z-index:1;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Working example</p>
  
  <p><a href="http://www.jsfiddle.net/V9Euk/130/" rel="nofollow noreferrer">http://www.jsfiddle.net/V9Euk/130/</a></p>
  
  <p>Tabks in advance.
  Peter</p>