title: div height:100%; not working with display:table-cell;
body: <p>My code was working when</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body style="position:fixed; top:0px; left:0px;bottom:0px; right:0px;  margin:0px;"&gt;
  &lt;div style="height:100%; width:100%; border:solid;"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But not working when i added display:table-cell; to div for using vertical-align</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body style="position:fixed; top:0px; left:0px;bottom:0px; right:0px;  margin:0px;"&gt;
  &lt;div style="height:100%; width:100%; border:solid; display:table-cell;vertical-align:middle;"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I want the div to cover the whole white space in body</p>