Проблема с функцией позиционирования пользовательского интерфейса jQuery, когда родительский div не отображается на экране

У меня возникла странная проблема с функцией jQuery UI Position.

Есть родительский div, больший, чем высота экрана, и еще один маленький div внутри него. Моя функция сообщает, что маленький div должен располагаться внизу его родительского элемента.

Когда нижняя часть видна, все в порядке, но когда нижняя часть не видна из-за размера окна, функция позиционирования не работает.

] Следуйте жеребьевке, чтобы облегчить понимание ...

Я использую функцию.

    $("#_GREEN_div").position({
        of: $("#_RED_div"),
        my: "left bottom",
        at: "left bottom"
    });

РЕДАКТИРОВАТЬ: JSFiddle - jsfiddle.net/Steve_Wellens/5Zdac (спасибо Стиву, отличный инструмент)