title: Why does jQuery .css('left') and .position().left return different values?
body: <p>The values I'm getting for <code>$(el).css('left')</code> and <code>$(el).position().left</code> are different? </p>
  
  <p>If I go <code>$(el).css('left', '100px')</code>, then <code>$(el).css('left')</code> it returns <code>110px</code> instead of <code>100px</code> (yes, it is always 10% more) and if I evaluate <code>$(el).position().left</code>, it gives me <code>100</code>. </p>
  
  <p>Why does Chrome behave this way? You can see how this would affect jQuery animations using the <code>left</code> property.</p>
  
  <p>I'm using Chrome 21.0.1180.57 on Ubuntu. </p>
  
  <p>EDIT 1: Seems to be only affecting Chrome, FF 14.0.1 is giving me the same values. </p>