Tengo una lista ordenada desordenada en la parte inferior de mi página, que funciona perfectamente en Firefox. Sin embargo, en Safari / Chrome, el elemento de lista capturado salta instantáneamente a la parte superior de la página cuando quiero arrastrarlo, como si el UL estuviera en la parte superior de la ventana. ¿Alguien sabe lo que está pasando aquí?

Gracias. Lex

Aquí está el código:

HTML (y 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'
});