JQuery получает левую и верхнюю позиции от div на основе родительского div

Question

У меня есть перетаскиваемый элемент div внутри другого элемента div, и мне нужно получить левую и верхнюю позиции от дочернего элемента div.

<div id="parent">
<div id="child1" style="position:absolute;"></div>
<div id="child1" style="position:absolute;"></div>
</div>

В данный момент я получаю позиции от childs на основе первого размещения:

$('#iframe_main').contents().find('.button".$key."').draggable({ 
    containment:'#parent',
    scroll: false,
    drag: function(event) {
        o = $('#iframe_main').contents().find('.child').offset();
        p = $('#iframe_main').contents().find('.child').position();

}});

Так что, если я помещу ребенка в правый нижний угол #parent и переместу его обратно в левый верхний угол, я получу отрицательные значения.

Что я хочу, так это левое и верхнее положениеиз дочерних элементов div на основе #parent div.