Изменяемый размер и перетаскивание переполнения jQuery

Привет всем, у меня есть сайт, на который я загружаю изображение в Ajax в div, это изображение должно изменять размер и перетаскиваться. Проблема в том, что если я изменяю его размер, работает, если я перетаскиваю, кажется, что есть переполнение: скрыто, потому что я перетаскиваю влево, изображение исчезает после его предела. Я видел html-код и есть

ui-wrapper style="overflow:hidden..."

если я добавлю в свою таблицу стилей:

.ui-wrapper { 
    overflow:visible !important;
}

Перетаскивание работает, но теперь нельзя изменить размер!!! Как я могу это решить?

это код:

.ui-wrapper { 
    overflow:visible !important;
}

$(document).ready(function(){

    var options = { 
        beforeSubmit: showRequest, 
        success:    showResponse
    }; 

    $('#upload-form').ajaxForm(options);
});

function showResponse(responseText){
    var id = 'image-resize_'+n_img_created;
    n_img_created++;
    $('<img class="draggable" id="'+id+'" '+responseText+'/>').appendTo("#space-drawable-div").resizable({
            maxWidth: 212,
            maxHeight: 220,
            start: function( event, ui ) {
                console.log('start resizable');
            },
            stop: function( event, ui ) {
                console.log('stop resizable');
            }
        }).draggable({ containment: $('#space-drawable-div')});
}