title: Is CSS display:table with 100% height content buggy in IE9?
body: <p>I have a relatively straightforward JSFiddle that seems to do something (what I want) in IE11 and Chrome, but something else (exceeds the window height and shows a scroll bar) in IE9. Is this an IE9 bug; am I misusing the display style in some way I could easily fix to make IE9 treat it the same way IE11 does?</p>
  
  <p>Fiddle: <a href="http://jsfiddle.net/bluemonkmn/6J5ct/" rel="nofollow">http://jsfiddle.net/bluemonkmn/6J5ct/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="fixedRow"&gt;
      &lt;div class="td"&gt;Header&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="content"&gt;
      &lt;div class="td"&gt;
          &lt;div class="thing"&gt;All Content&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="fixedRow"&gt;
      &lt;div class="td"&gt;Footer&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>html, body {
      height: 100%;
      width:100%;
      margin:0;
  }
  
  body {
      display: table;
  }
  
  .fixedRow {
      display:table-row;
      background-color:pink;    
  }
  
  .content {
      display:table-row;
      height:100%;
      width:100%;
      background-color: cyan;
  }
  
  .td {
      display:table-cell;
  }
  
  .content .td {
      height: 100%;
  }
  
  .thing {
      display: block;
      background-color: papayawhip;
      height:100%;
  }
  </code></pre>