title: JqueryUi resizable issue, alsoResize expands beyond containment!
body: <p>i have this structure of DIVs</p>
  
  <pre><code>&lt;div id="container"&gt;
     &lt;div="outer"&gt;
        &lt;div id="inner"&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and i made the 'outer' div <code>resizable()</code> using this jqueryUi</p>
  
  <pre><code>$("#outer").resizable({ containment: 'parent', alsoResize: "#inner"  });
  </code></pre>
  
  <p>till now every thing is OK!</p>
  
  <p>//////////////// <strong>the issue</strong> /////////////////</p>
  
  <p>When i resize the outer it resize the inner with it but when it reaches the 'container' div it STOPS which is OK but the inner keep resizing with the mouse moving and exceed the 'container' and the 'outer' DIVs!!!!</p>
  
  <p>can i make the 'inner' ALSO STOPS with the 'outer' when it reaches the 'container' div limits????</p>
  
  <p>Thank You in advance, i know you can help :)</p>