JQuery UI Изменение размера вопроса

Question

У меня есть некоторые повторно значимые div на моей странице, но у меня возникают проблемы, когда я их размер. Пользовательский интерфейс JQuery работает отлично, нет проблем перемещать их или изменять их размер, но когда они пересчитываются, div ниже их действует так, как будто они больше не присутствуют, и он вскакивает на свое место. Это происходит только тогда, когда они изменяются, но перемещение их не вызовет этого. Вот скрипка с моим вопросом: http://jsfiddle.net/367wm/

JS:

$(document).ready(function() { 
    $("#header").draggable(); 
    $("#h-window").draggable(); 
    $("#p-window1").draggable(); 
    $("#p-window1").resizable(); 
    $("#p-window2").draggable(); 
    $("#p-window2").resizable(); 
    $("#p-window3").draggable(); 
    $("#p-window3").resizable(); 
    }); 

Answer 1

Здесь вы идете: http://jsfiddle.net/367wm/4/

В основном все, что я изменил делал свои дивы абсолютными позиционируются. Я также добавил прокрутку к вашему div со всем текстом в нем.

Так искать эти стили, которые я добавил к четырем дивы:

style="position:absolute; top:1px;" 
style="position:absolute; top:100px; overflow-y:scroll;" 
style="position:absolute; top:325px;" 
style="position:absolute; top:400px;"