javascript - Firefoxの互換性の問題、動的な絶対テーブルコンテンツ

Question

これ（http://jsbin.com/uxayid/3/）をFirefoxでも機能させる方法は？

これは三角形のCSSです：

#c table tr td {
    height: 295px;
    width: 208px;
    background-color: white;
    border: 1px solid black;
    position: relative;
    text-align: center;
}
.tr-topright {
    border-left-width: 42px;
    border-top-width: 42px;
    border-left-color: white;
    border-left-style: solid;
    border-top-color: #BBBBBB;
    border-top-style: solid;
    box-shadow: -3px 3px 6px 0 lightGrey;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

最初のものは期待される結果です。

Answer 1

追加するだけです：

display: block;
float: left;

に

#c table tr td

ルール

そしてそれはうまくいくはずです。