title: jQuery .width() and .height() strange behaviour
body: <p>Why in the <a href="http://jsfiddle.net/pHr4z/" rel="nofollow noreferrer">following code</a> .height() returns 95 rather than 100, while .width() returns 200 as expected ? I work with Firefox 3.6.3.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table&gt;&lt;tr&gt;
     &lt;td id="my"&gt;&lt;/td&gt;
  &lt;/tr&gt;&lt;/table&gt;
  &lt;div id="log"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#my {
     border: 5px solid red;
  }
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$("#my").width(200).height(100);
  $("#log").append("Width = " + $("#my").width() + "&lt;br /&gt;");
  $("#log").append("Height = " + $("#my").height());
  </code></pre>
  
  <p>I tried .outerWidth() and .outerHeight() and also .innerWidth() and .innerHeight(), but none of them returns the expected result: <a href="http://jsfiddle.net/pv744/" rel="nofollow noreferrer">code example</a></p>
  
  <p>But, if I set <code>position: absolute</code> it looks <a href="http://jsfiddle.net/kRmLL/" rel="nofollow noreferrer">much better</a> !</p>
  
  <p>Can anyone explain this behavior ?</p>