title: Two row layout - Second row content vertical aligned
body: <p>Have a eye on this <a href="http://jsfiddle.net/bTMYm/" rel="nofollow">jsfiddle</a></p>
  
  <p>I want to reach a 2 row layout. With a header and the content. The header has a fixed height. The content should be in the center of the second row. But I don't know how to center the content vertical.</p>
  
  <p>I tried to assign the content with <code>position: absolute</code> and <code>margin: auto</code>. Worked, but the text slid behind the header when you resize the browser small enough.</p>
  
  <p>Maybe a <code>div</code> who covers the full second row containing the content would do the trick, but I can't manage this. I want to avoid <code>table</code> tags.</p>