Another way of centering content vertically. From http://jsfiddle.net/chdhmphry/LE4jy/ and http://chdhmphry.com/using-pseudo-classes-to-vertically-align-any-content-inside-a-container

index.html

 <div class="center-contain">
      <div class="center-this"> Everything in this div will be centered in IE8 or greater</div>
  </div>

vertical-align.css

 .center-contain{
      display:block;
      height: 300px;
      white-space: nowrap; /* prevents linebreaking */
      overflow: hidden; /* hides overflow */
  }
  .center-contain:after{
      content: '';
      display: inline-block;
      height: inherit;
      vertical-align: middle;
      width:0;
  }
  .center-contain > .center-this{
      display: inline-block;
      width:100%;
      white-space: normal; /* enables linebreaking */
  }