title: 100% min-height working in Opera, but not in other browsers
body: <p>Here's the code I'm using:</p>
  
  <pre><code>html,body{
    height: 100%;
  }
  
  div{
    min-height: 100%;
    height: auto !important;
    height: 100%;                /* this is for older IE */
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/YYcLJ/" rel="nofollow">http://jsfiddle.net/YYcLJ/</a></p>
  
  <p>This also fails (but works in Opera):</p>
  
  <pre><code>div{
    min-height: 100%;
    height: auto;
  }
  </code></pre>
  
  <p>So 100% height should be applied to all divs until html. But this only happens for the first DIV :(</p>
  
  <p>In Opera it works correctly. First DIV gets to be 100% of body, 2nd is 100% of first div, and so on...</p>
  
  <p>Is there any way to make this work in other browsers too?</p>