CSS显示：IE9中有100％高度内容错误的表吗？

Question

我有一个相对简单的JSFiddle似乎在IE11和Chrome中做了一些事情（我想要的），但在IE9中还有其它东西（超过窗口高度并显示滚动条）。这是一个IE9错误;我是否以某种方式滥用显示风格我可以轻松修复以使IE9像IE11一样对待它？

小提琴：http://jsfiddle.net/bluemonkmn/6J5ct/

HTML

<div class="fixedRow">
    <div class="td">Header</div>
</div>
<div class="content">
    <div class="td">
        <div class="thing">All Content</div>
    </div>
</div>
<div class="fixedRow">
    <div class="td">Footer</div>
</div>

CSS

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%;
}