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

规则

它应该可以正常工作。