title: CSS - Centering a page - then making the page 100% height
body: <p>I'm trying to center a page and then make it <code>100%</code> in height.
  I have a div called "content" as the parent element of all elements in the HTML page.
  What do I need to do next? I'd like to stay away from any CSS-hacks.
  This is currently working in IE7, but not in Firefox 3.</p>
  
  <p><strong>EDIT:</strong> I added height: <code>100%</code>; to <code>#content</code> that's what made it work in IE. Firefox still not solved.</p>
  
  <p>My stylesheet so far is:</p>
  
  <pre><code>html, body
  {
      width: 100%;
      height: 100%;
  }
  
  body
  {
      background-color: #000;
      text-align: center; 
      margin-top: 0px;
      margin-left: auto;
      margin-right: auto; 
  } 
  
  #content
  {
      position: relative; 
      text-align: left;
      background-color: #fff;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0px;
      width: 840px;
      height: 100%;
      padding: 0px 5px 5px 5px;
  }
  </code></pre>