Я использую JQuery's draggable (); чтобы сделать элементы li перетаскиваемыми. Единственная проблема - когда элемент перетаскивается за пределы родительского элемента, он не отображается. То есть он не выходит за пределы родительского div. Пример здесь:http://imgur.com/N2N1L.png - как будто z-индекс для всего остального имеет больший приоритет (и элемент скользит под всем).

Вот код:

$('.photoList li').draggable({ 
        distance: 20,
        snap: theVoteBar,
        revert: true,
        containment: 'document'
    });

И элементы li помещаются в DIV, как это:

<div class="coda-slider preload" id="coda-slider-1">
    <div class="panel">
        <div class="panel-wrapper">
            <h2 class="title" style="display:none;">Page 1</h2>
            <ul class="photoList">
                <li>
                    <img class="ui-widget-content" src="photos/1.jpg" style="width:100px;height:100px;" />
                </li>
            </ul>
        </div>
    </div>

Я уверен, что проблема в том, что он не покинет родительский контейнер, но я не уверен, что нужно сделать, чтобы вытащить его.

Любое направление или помощь будет высоко ценится!