jquery ui resizable div mit scroll, der Griff bewegt sich beim Scrollen

Ich habe ein Problem damit, dass der südliche Griff beim Scrollen eines resizierbaren divs auf dem Boden bleibt, benutze jquery ui resizable-funktion, um ein benutzerdefiniertes div als handle zu setzen, funktioniert die resize funktionalität, aber wenn ich die scrollbar benutze, bewegt sich der handle mit dem content, ich will, dass er unten im div bleibt:

hier ist der html:

Der jQuery-Aufruf zum Ändern der Größe:

und die CSS:

Hier ist die jsfiddle:

Ссылка