Comportamento glitchy com JQuery Draggable (violino incluído) - javascript, jquery, jquery-ui, jquery-isótopo

Estou tentando usar Jquery Draggable, mas noto umpisca quando o item alvo é levantado e depois largado, pairado sobre sua posição anterior ou retirado de seu contêiner. A imagem na div arrastada simplesmente desaparece ou aparece no local errado (ela deve ser sempre exibida na mesma posição ao arrastar - como seria de esperar).

Alguma ideia de como isso pode ser corrigido?

Meu código:

http://jsfiddle.net/PTSkR/28/

$(function () {
$("#container").isotope({
// options
itemSelector: ".study-box",
layoutMode: "fitRows"
});
});

$(function () {
$(".study-box").draggable({
revert: "invalid",
helper: function () {
// We removeAttr("style") to get rid of the transform css that isotope added.
return $(this).clone().removeAttr("style").removeClass("isotope-item").addClass("drag-helper").appendTo("body");
},
start: function () {
$(this).hide();
},
stop: function () {
$(this).show();
},
zIndex: 100
});
});
$(function () {
$(".folder-box").draggable({ revert: "invalid" });
$(".folder-box").droppable({
// revert: "invalid",
accept: ".folder-box, .set-box",
drop: function (event, ui) {
var $this = $(this);
//ui.draggable.clone().removeAttr("style").removeClass(".folder-box").appendTo($this);
$("#container").isotope("remove", ui.draggable);
}
});
});

Respostas:

não há nada de errado com o JavaScript, apenas remova todas as "posições: fixas" do CSS. Está bagunçando a exibição correta da posição de fundo.