title: jquery ui resizable div with scroll , the handle is moving when scrolling
body: <p>I have a problem getting the south handle to be stuck to the bottom when scrolling a resizable div , 
  am using jquery ui resizable function to set a custom div as a handle, the resize functionality is working, but when i use the scrollbar the handle moves with the content, i want it to remain at the bottom of the div : </p>
  
  <p><img src="https://i.stack.imgur.com/tWpbR.png" alt="enter image description here"></p>
  
  <p>here is the html :</p>
  
  <pre><code>&lt;div class="Container"&gt;
    &lt;h2&gt;Title&lt;/h2&gt;
  
    &lt;div class="Content"&gt;
     a long text...a long text...a long text...a long text...a long text...
    a long text...a long text...a long text...a long text...a long text...
    a long text...a long text...a long text...a long text...a long text...
    a long text...a long text...a long text...a long text...a long text...
    a long text...a long text...a long text...a long text...a long text...
    a long text...a long text...a long text...a long text...a long text...
    a long text...a long text...a long text...a long text...a long text...
    a long text...a long text...a long text...a long text...a long text...
    a long text...a long text...a long text...a long text...a long text...
  
         &lt;div id="handle" class = "ui-resizable-handle ui-resizable-s"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the jquery call to resize : </p>
  
  <pre><code>$(".Content").resizable({ handles: "s" });
  </code></pre>
  
  <p>and the css : </p>
  
  <pre><code>.Container
  {
    width:250px; 
    padding:3px; 
    background:#f00;
  }
  .Content
  {
      position : relative;
    height:224px;
     overflow:auto;
      background:#fff;
  }
  
  #handle {
      height : 8px;
      background : #00aa00;
      bottom:0;
  }
  </code></pre>
  
  <p>Here is the jsfiddle : </p>
  
  <p><a href="http://jsfiddle.net/ftkbL/2389/" rel="noreferrer">http://jsfiddle.net/ftkbL/2389/</a> </p>