title: Is "document ready" supposed to work like this on IE?
body: <p>I'm making a small javascript framework, for a variety of reasons, including learning.</p>
  
  <p>Hence, I wanted to implement "document ready" functionality, and so I went to check how jQuery fakes <code>DOMContentLoaded</code> on IE &lt; 9.</p>
  
  <p>Problem is, it doesn't seem to be working the way it should. Check <a href="http://jsfiddle.net/Camilo/PFWmS/" rel="nofollow">this fiddle</a> in IE8 and a good browser.</p>
  
  <p>The logic is: apply css to make a div start red, then on "ready" make it blue, and on load make it green. Additionally, there are three img tags with fake URLs just so there is a synthetic lag between ready and load.</p>
  
  <p><strong>What should happen:</strong><br>
  The div shouldn't be shown red for more than a split second, if at all. Ideally, the first thing seen should be blue. Then, when the browser times out on the invalid images, green.</p>
  
  <p><strong>What happens on IE8:</strong><br>
  The div remains red until all images "load" (in this synthetic example, timeout), then goes green.</p>
  
  <p>Again, I'm not exactly asking for a fix, I'm asking if it is the right thing for a framework to behave like this on IE8 (I don't care about IE 6-7 anymore), or if this is happening due to me misusing jQuery in some way.</p>
  
  <p>P.S.: I know how to bind an event manually, I'm asking more about if this is expected/acceptable/a bug/my mistake.</p>