position().left и offsetLeft

[meryfelow]

<div class="footer" style="margin-left:20px">
 <div class="sc_menu_top">
   <div class="sc_menu">
     <ul class="sc_menu">
       <li><a href="category_13.html" title=""><img src="log20.jpg" alt=""></a></li>
       <li><a href="category_14.html" title=""><img src="log21.jpg" alt=""></a></li>
       <li><a href="category_7.html"  title=""><img src="log1.gif" alt=""></a></li>
        <li><a href="category_17.html" title=""><img src="clever.gif" alt=""></a></li>
     </ul>
   </div>
 </div>
</div>

var div = $('div.sc_menu');
 var ul = $('ul.sc_menu');
  ulPadding = 15;
 var divWidth = div.width();
 div.css({overflow: 'hidden'});

  var lastLi = ul.find('li:last-child');

Скажите в чем разница между:
lastLi[0].offsetLeft
lastLi.position().left

При выполнении div.scrollLeft(left) значение lastLi[0].offsetLeft - не меняется, а lastLi.position().left - меняется.