title: jQuery position() returns zero values if element positioning is set to absolute
body: <p>I have some divs with class "area", floated next to each other. I have the following jQuery code:</p>
  
  <pre><code>$(".area").each(function(){
      var pos = $(this).position();
      $(this).css({"left":pos.left, "top":pos.top});
  });
  </code></pre>
  
  <p>This works fine, but alas, top and left are not taken into consideration by the browser when the element is positioned statically. If I modify the position value for the elements, pos.left and pos.top are both zero. That is, if I have this code:</p>
  
  <pre><code>$(".area").each(function(){
      var pos = $(this).position();
      $(this).css({"left":pos.left, "top":pos.top, "position":"absolute"});
  });
  </code></pre>
  
  <p>then <code>$(this).position()</code> consistently returns <code>{left:0,top:0}</code>. Do I misunderstand how <code>$.position()</code> works, of do I misunderstand how CSS position works, or is this a bug? Does anyone have any suggestions on how to resolve this issue?</p>