Ich habe unten auf meiner Seite eine sortierbare ungeordnete Liste, die in Firefox perfekt funktioniert. In Safari / Chrome springt das aufgerufene Listenelement jedoch sofort an den oberen Rand der Seite, wenn ich es ziehen möchte, so als befände sich der UL oben im Fenster. Weiß jemand, was hier los ist?

Vielen Dank. Lex.

Hier ist der Code:

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