У меня есть простая конструкция ol-li, и я хочу добавить к ней drag'n'drop. Кроме того, я хочу выделить элемент парения и элемент перетаскивания разными цветами. Но это необычная ошибка в WebKit.

Захватить последний пункт.Перетащите его наверх.Брось его на первый предмет.

И последний элемент захвата парящего псевдокласса! Почему? Как я могу предотвратить это?

Это пример:

http://jsfiddle.net/zFk2V/3/

var lis = document.querySelectorAll("li"),
    ol = document.querySelector("ol"),
    dragged = false,
    dragover = false;
ol.addEventListener("drop", function(event) {
    ol.insertBefore(dragged,dragover);
    this.classList.remove("insistent");
}, false);
for (var i=0, n = lis.length; i < n; i++) {
    lis[i].addEventListener("dragstart", function(event) {
        dragged = this;
        ol.classList.add("insistent");
    }, false);
    lis[i].addEventListener("dragover", function(event) {
        if (dragover) {
            dragover.classList.remove("dragover");
        }
        event.preventDefault();
        dragover = this;
        this.classList.add("dragover");
    }, false);
}