JQuery UI sortable () - список элементов переходит наверх в Safari и Chrome

У меня есть сортируемый неупорядоченный список внизу моей страницы, который отлично работает в Firefox. Однако в Safari / Chrome захваченный элемент списка мгновенно перемещается в верхнюю часть страницы, когда я хочу перетащить его, как будто UL находится в верхней части окна. Кто-нибудь знает, что здесь происходит?

Благодарю. Lex.

Вот код:

HTML (и PHP):

<ul id="list">
    <?
        foreach($downloads as $download)
        {
            echo "<li class='downloads'><a rel='".$download->id."' href='".$base_url."downloads/".$download->id."'>".$download->title."</a></li>";
        }
    ?>
</ul>

CSS:

ul#list {
    padding: 10px 0;
    display: block;
}
ul#list li {
    background: #fff;
    padding: 10px;
    color: #bc1e2c;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-weight: bold;
    margin: 10px 0;
    display: block;
}

ul#list li:hover {
    background: #212121;
    color: #fff;
    cursor: move;
}

JS:

$(".alter-content ul#list").sortable({
    update : saveSortorder,
    containment: 'parent'
});

Ответы на вопрос(7)

Ваш ответ на вопрос