I am trying to anchor a div to the bottom right corner of another div. The anchor works as long as the parent div is not scrolled. A working JSFiddle is set up [Here](https://jsfiddle.net/JananiA/ayt41bw0/). Once the div is scrolled horizontally, the re-size handle also moves.

As it can be seen here, the css for the re-size handle is anchored using the `botton` and `right` properties. 

```
ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

```

How to achieve the anchor effect after scrolling?