Проблемы с использованием jQuery UI и плагинов html2canvas

У меня мало проблем с использованием jQuery UI и html2canvas плагинов.

Пожалуйста, ознакомьтесь с jsfiddle и кодом jQuery ниже. http://jsfiddle.net/fX262/7/

$(function () {
    $(".borrd-create-prod li a img").draggable({
        revert: "invalid",
        helper: "clone",
        cursor: "move"
    });

    $(".borrd-item").droppable();

    $("#borrd-droppable").droppable({
        activeClass: "ui-state-default",
        hoverClass: "ui-state-hover",
        accept: ".borrd-create-prod li a img",
        drop: function (event, ui) {
            $(this).append(ui.helper.clone());
            $("#borrd-droppable img").addClass("borrd-item");
            $(".borrd-item").draggable({
                stack: ".borrd-item"
            });
            $(".borrd-item").droppable({
                containment: "#borrd-droppable"
            });
            /*ui.helper.clone().resizable({
          animate: "true"
       });*/
            $(".borrd-item").each(function (i) {
                $(this).attr("id", "prod_img_" + i);
            });

            $(".borrd-item").droppable({
                containment: "#borrd-droppable"
            });

            $(this).find(".placeholder-txt").remove();
        },
    });

    $(".borrd-drop img").resizable({
        handles: "n, e, s, w, sw, ne, nw, sw",
        animate: "true"
    });

    $(".borrd-right").tabs({
        hide: {
            effect: "fade",
            duration: "fast"
        }
    });
});

$(function() {
    $( "#submitBorrdImg" ).click(function() {
        html2canvas($("#borrd-droppable"), {  
            onrendered: function (canvas) {
                var canvasImg = canvas.toDataURL("image/jpg");
                $("#canvasImg").html('<img src="'+canvasImg+'" alt="">');
                /*window.open(canvasImg);*/
            }
        });
    });
});

1. Почему, когда я бросаю изображения с правой стороны в контейнер с левой стороной, изображение выглядит странно ниже желаемой позиции?
2. Почему я не мог изменять размер сброшенных изображений?
3. Если я нажму кнопку "Опубликовать", скриншот содержания в div "# borrd-droppable" должен быть сгенерирован и отображен в div "#canvasImg". Но почему ничего не происходит?

Мне нужно, чтобы это было совместимо с Firefox 28, Google chrome 32 и, если возможно, IE 8.

Любая помощь была бы весьма признательна.

РЕДАКТИРОВАТЬ :
Теперь можно $(".borrd-item").resizable(); добавив $(".borrd-item").resizable(); внутри drop: function (event, ui) {} и добавление соответствующего jQuery UI CSS. Но после того, как вы перетащите левую сторону, она больше не тащится. Может ли кто-нибудь пролить свет на эту проблему?
http://jsfiddle.net/fX262/9/