title: Expand DIV vertically from the bottom to the top
body: <p>I would like to expand a DIV vertically from the bottom to the top without using percents or functions (only css). I have two div but only the second one has a defined height, so I have to fix the rest of the space with my first div.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;style&gt;
      #one { position: absolute; width: 100%; background: red; top: 0 }
      #two { position: absolute; width: 100%; background: yellow; bottom: 0; height: 200 }
    &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id="one"&gt;"DIV 1" has to be stucked to "DIV 2"&lt;/div&gt;
    &lt;div id="two"&gt;I wanna "DIV 2" determines the height of "DIV 1"&lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic" rel="nofollow">You can put the code here to see what I'm getting</a> </p>
  
  <p>The problem is that the red div stay on the top :S</p>
  
  <p>Any help will be appreciated, thanks for your time!
  Friendly, Chumpocomon</p>