title: Strange border-width behavior in Chrome - Floating point border-width?
body: <p>Certain fluid designs, especially those involving %-width iFrames, seem to cause some strange rounding-type errors in Chrome (I've got version 21).</p>
  
  <p><a href="http://jsfiddle.net/uzQJE/14/">This Fiddle</a> demonstrates the problem.  Set the border to an integer pixel value, and the values you get back when you ask for them are floating point numbers slightly smaller than the expected value.</p>
  
  <p>Trying the <a href="http://codepen.io/anon/pen/JqFgi">exact same code in CodePen</a> doesn't yield the same results, presumably because the iFrame and other styles around it aren't set up the same way.</p>
  
  <p>(I've also seen this behavior for the basic width and height attributes, although I was unable to replicate that part of the problem in jsFiddle.)</p>
  
  <p>This doesn't seem to be a problem in Firefox or in IE8.</p>
  
  <p>Any ideas as to what, specifically, is causing this strange behavior, and how I can work around it to get at the real values?</p>
  
  <hr>
  
  <p>The plot thickens.  In an attempt to shim around the problem, I found that values over 10px do not appear to be subject to the issue.</p>
  
  <p>Also, based on @GionaF's comment, it appears to work properly in Chrome 22.</p>