title: Chrome not raising resize event
body: <p>If you look at this fiddle: <a href="http://jsfiddle.net/umjcd/4/" rel="nofollow">http://jsfiddle.net/umjcd/4/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;h1&gt;Instructions&lt;/h1&gt;
  &lt;ol&gt;
      &lt;li&gt;Click on Resize Button&lt;/li&gt;
      &lt;li&gt;Observe no resize event is raised&lt;/li&gt;
      &lt;li&gt;Click on Check Height button&lt;/li&gt;
      &lt;li&gt;Observe height has changed&lt;/li&gt;
  &lt;/ol&gt;
  &lt;button id="button"&gt;Resize&lt;/button&gt;
  &lt;button id="button2"&gt;Check Height&lt;/button&gt;
  &lt;br/&gt;
  &lt;div id="map" style="position:fixed;width:600px;height:0px;border:1px solid black;"&gt;
      &lt;div id="root" style="position:absolute;left:0px;right:0px;top:0px;bottom:0px;border:1px solid red"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>var button = document.getElementById('button');
  button.addEventListener('click', process);
  
  var root = document.getElementById('root');
  root.addEventListener('resize', resize);
  
  var console = document.getElementById('console');
  var map = document.getElementById('map');
  
  var button2 = document.getElementById('button2');
  button2.addEventListener('click', function () {
      log(root.offsetHeight);
  });
  log('ready to log');
  
  function process() {
      map.style.height = '400px';
  }
  
  function resize() {
      var w = root.offsetWidth;
      var h = root.offsetHeight;
      log('resize event raised, dimensions are ' + w + " x " + h);
  }
  
  function log(text) {
      console.appendChild(document.createTextNode(text));
      console.appendChild(document.createElement('br'));
  }
  </code></pre>
  
  <p>Chrome does not raise the <code>resize</code> event when the <code>div</code> is resized. <strong>Is this a bug, or is this ok?</strong> In IE and FF, <code>e.onresize</code> returns <code>undefined</code> but in Chrome <code>e.onresize</code> returns <code>null</code> where <code>e</code> is a HTML <code>div</code>. The intellisense in Chrome debugger detects a <code>onresize</code> property on <code>e</code>. Should it be returning <code>undefined</code> in chrome? IE and FF support <code>resize</code> but only on the <code>window</code> object. I cannot find proper documentation explaining when <code>resize</code> is supposed to be raised and whether non-<code>window</code> objects are supposed to support it or not in Chrome. </p>