title: Vertical align table-cell don't work with position absolute
body: <p><a href="http://jsfiddle.net/fQv97/" rel="noreferrer">http://jsfiddle.net/fQv97/</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="table-cell"&gt;
      My text, should be align middle
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.table-cell {
      height: 200px;
      width: 200px;
      vertical-align: middle;
      background: #eee;
      display: table-cell;
      position: absolute;
  }
  </code></pre>
  
  <p><strong>Problem</strong></p>
  
  <p>The text should be placed in the middle of my "table cell". Everything works as expected until I add "position: absolute". Now it can't place my content in the middle any more? Why not? It still knows my height and width because I set it in my CSS.</p>
  
  <p>Any clever workaround for this?</p>