retrieve width value with JQuery
<p>I would like to retrieve some values with JQuery but there is one problem for <code>width</code> value. I just test it :</p>

<pre><code>alert($("#j_idt14\\:panelGrid label").parent().attr('id'));
alert("width :" + $("#j_idt14\\:panelGrid label").parent().css("width"));
alert("outerWidth :" + $("#j_idt14\\:panelGrid label").parent().outerWidth());
alert("padding right :" + $("#j_idt14\\:panelGrid label").parent().css("padding-right"));
alert("padding left :" + $("#j_idt14\\:panelGrid label").parent().css("padding-left"));
alert("border right width :" + $("#j_idt14\\:panelGrid label").parent().css("border-right-width"));
alert("border left width :" + $("#j_idt14\\:panelGrid label").parent().css("border-left-width"));
</code></pre>

<p>and I get :</p>

<pre><code>j_idt14:universe_login
width :453px
outerWidth :463
padding right :8px
padding left :0px
border right width :1px
border left width :1px
</code></pre>

<p>but when I verify this values with firebug for j_idt14:universe_login id, I get :</p>

<p><img src="http://i.stack.imgur.com/Lsk5j.png" alt="enter image description here"></p>

<p>So the width calculated by JQuery isn't the same as Firebug...any idea to explain that ?</p>

<p>Thank you</p>
