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

我使用JQuery以编程方式更改border-bottom-width,工作正常。 但是,当使用JQuery读回属性时,我会跨浏览器获得不一致的结果。 例如,

 

当通过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/

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

任何人都有任何想法,为什么这是和我可以使用任何变通方法可靠地跨浏览器进行报告?

作为@Allyanora,我试图描述它为什么会发生:

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

在此处输入图像描述

在此处输入图像描述

工作小提琴