title: jQueryUI's resizeable() causes resize events to fire to all ancestors... why?
body: <p>I created a couple of nested divs, the inner horizontally resizeable, the outer vertically resizeable. I have it such that resizing a parent div (or the window) causes the children to resize.</p>
  
  <p>However, I'm finding that when a child div is resized, it's ancestors all rx the resize event even <em>even when their sizes don't change</em>.</p>
  
  <p>I'm using Chrome 18.0 on Win7.</p>
  
  <p>Example here: <a href="http://jsfiddle.net/m95Ha/" rel="nofollow">http://jsfiddle.net/m95Ha/</a> <br/>
  Resize the red &amp; cyan sides and the window, and watch the chars in the black div. For example, resizing the cyan side horizontally causes an 'i' ('#inner' resize event), an 'o' 'i' ('#outer' resize event), <em>and</em> a 'w' (window resize event).<br>
  I wouldn't have expected the 'o' or the 'w'.</p>
  
  <p>Is this a jQuery thing, or a Chrome thing, or perhaps the HTML/DOM standard?</p>