Firefox中的Jquery没有正确报告border-bottom-width属性

Question

我使用JQuery以编程方式更改border-bottom-width，这很好用。但是，当使用JQuery重新读取属性时，我会跨浏览器获得不一致的结果。例如，

<td style="border-bottom: 30px solid rgb(199, 72, 72); line-height: 1px; font-size: 1px;">

使用以下方式通过Jquery进行查询时

$('#element1').find('td').css('border-bottom-width');

在Chrome（版本33.0.1750.154 m）中返回30px，但在Firefox（版本28.0）中，IE11返回15px。

在这里小提示：http://jsfiddle.net/ceepster/tC9an/

边框宽度在浏览器中正确呈现

任何人都有任何想法，为什么会这样，我可以使用任何变通方法来可靠地跨浏览器进行报告？

Answer 1

作为@Allyanora，我试图描述它可能发生的原因：

由于不同的浏览器以不同方式应用td元素的显示属性，因此需要将display属性应用于块值。请参见下图以获得清晰的视图：

working fiddle