Firefox jQuery doesn't report border-bottom-width property correctly

Question

I programmatically change the border width to width using jQuery, which works great. However, when reading a property back using jQuery, I get conflicting cross-browser results. For instance,

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

When polling through jquery with:

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

In Chrome (version 33.0.1750.154 m) 30px is returned, but in Firefox (version 28.0) and IE11 15px is returned.

Demonstrated in the fiddle here: http://jsfiddle.net/ceepster/tC9an/

The border width is displayed correctly in the browser

Anyone have any thoughts on why this is so and some workarounds that I can use to ensure that this report is reliably transmitted through the browser?

Answer 1

@Allyanora, , :

td -, . . :