title: How to detect CSS3 resize events
body: <p>The CSS3 resize property can be assigned to arbitrary elements. I'm looking for a way to detect such a resize on, say, divs (I don't mind it only working in Firefox at the moment):</p>
  
  <pre><code>div {
    resize: horizontal;
    overflow: hidden;
  }
  </code></pre>
  
  <p>Unfortunately, the <code>onresize</code> event seems not to be fired on the div. How can I detect in JavaScript when such a user-instantiated resize has happened?</p>
  
  <p><em>Edit:</em> FWIW I had opened a bug report over at Mozilla. If you want to track it: <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=701648" rel="noreferrer">https://bugzilla.mozilla.org/show_bug.cgi?id=701648</a></p>