title: css div height 100% problem?
body: <p>I would like a div to take all the screen height, that's why I found the following links:</p>
  
  <ul>
  <li><a href="http://www.webmasterworld.com/forum83/200.htm" rel="nofollow noreferrer">http://www.webmasterworld.com/forum83/200.htm</a></li>
  <li><a href="http://www.thefutureoftheweb.com/blog/100-percent-height-interface" rel="nofollow noreferrer">http://www.thefutureoftheweb.com/blog/100-percent-height-interface</a></li>
  </ul>
  
  <p>the tricks: make the container have a specified height, for example: <code>body{height:100%}</code> seems work fine, however, I found that: once you add some doctype claim, for example:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;
  </code></pre>
  
  <p>It doesn't work, at least at Firefox 3.*, it doesn't work. Any suggestions?</p>