IE11で擬似要素をtable-cellにすると文字スタイルが反映されなくなる問題(未解決)

擬似要素にvertical-alignを指定したい関係でtable-cellを指定したところ現象を確認。
IE11ではなんでかフォントサイズとか文字色が反映されない。IE9とかIE8では大丈夫なのに。

概要

sass

.outer {
    display:table;
}
.outer:before {
    content: "FUGA";
    display:table-cell;
    color:red;          // 反映されない
    font-size:36px;     // 反映されない
}

確認DEMO

Chrome

IE11

直し方がわからないけどとりいそぎ再現したところまで。