title: Fixed width, 100% height object in HTML
body: <p>So, maybe I just suck at searching, but I'm having real trouble finding a method to do this, so here goes...</p>
  
  <p>I have a webpage with a fixed image background (tiled, non scrolling).
  I now want to have a colored div on top of that (700px wide, 100% height, centered) that I can then put more content within (doesn't necessarily have to be a div, I just want a colored area in the center.)</p>
  
  <p>Here's an image of what I'm working towards: <a href="http://bit.ly/g5qgj0" rel="nofollow">http://bit.ly/g5qgj0</a>
  The lightly colored area (on top of which lies everything else) is what I'm trying to achieve.</p>
  
  <p>Thanks in advance, I'm still getting to know HTML/CSS and this has been driving me crazy XP</p>