title: resize css property on absolutely positioned div?
body: <p>My site is like this:</p>
  
  <pre><code>Left div   |  right div
  </code></pre>
  
  <p>Inside my left div, I have a position absolute element "custombox" that shows up over the "right div" (its got z-index:999), just because I want the code to be on the "left div side". My custombox has a css property "resize:both", which does not work. WHen I put a "position:relative" on my leftbox, then the position of my "custombox" is messed up and literally goes into "left div", which I don't want. How can I make my "custombox" resizable? (if absolutely needed, js plugins are okay)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.leftdiv {
      background:red;float:left;width:50%;height:300px;
  }
  
  .custombox {
      position:absolute;
      top:10px;
      right:50px;
      z-index:999;
      background:yellow;
      height:100px;
      width:100px;
      resize:both;
  }
  
  .rightdiv {
      background:blue;float:right;width:50%;height:300px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;
      &lt;div class="leftdiv"&gt;
          &lt;div class="custombox"&gt;
              I like staying in the blue, but I want to be resizeable too.
          &lt;/div&gt;
        He
      &lt;/div&gt;
  
      &lt;div class="rightdiv"&gt;
        blue
      
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Fiddle attached:
  <a href="http://jsfiddle.net/axhqg20x/3/" rel="nofollow">http://jsfiddle.net/axhqg20x/3/</a></p>