title: vertical-align in div with height 100%
body: <p>Here's my situation: I'm trying to make a page with two DIVsfilling whole page (height 100%, width 50% each). Also, the content in the DIVs is to be vertically aligned to middle.</p>
  
  <p>Is there an easy way to achieve this without hacks or javascript?</p>
  
  <p>I've tried <code>body,html{height:100%;} .mydiv {display:table-cell;height:100%;vertical-align-middle}</code></p>
  
  <p>but that doesn't work...and with that code, i have to specify width in pixels instead of percentage</p>