Jquary droppable ignore the z-index?
<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
<a href="http://www.jsfiddle.net/V9Euk/130/" rel="nofollow">http://www.jsfiddle.net/V9Euk/130/</a></p>

<p>Tabks in advance.
Peter</p>
