title: offset().left returning strange value
body: <p>This is bugging me.</p>
  
  <p>I'm getting the absurd value of -32567 for offset().left on an element with nothing more that 200 margin. offset().top works fine.</p>
  
  <p>The code:</p>
  
  <pre><code>(function( $ ) {
  
  $.fn.draw = function( options ) {
  
  
      var settings = $.extend( {
          'width'  : null,
          'height' : null,
          'color' : '#000'
  }, options);
  
  return this.each(function() {        
      var o = settings;
      var obj = $(this);
      var offset = $(obj).offset();
      var c = o.color;
      var w = o.width;
      var h = o.height;
      var i = 0;
      var t, l = 0;
  
    $(obj).css('overflow','hidden');
     $(obj).css('position','relative');
  
    if(w != null){
        $(obj).css('width',w);
    }
  
    if(o.height != null ){
        $(obj).css('height',h);
    }
  
  
  
  
    $(obj).mousemove(function(e){
          var $mark = $('&lt;div class="mark" id="mark'+i+'"/&gt;');
  
          l = (e.pageX) - (offset.left);
          t = (e.pageY) - offset.top;
          $(this).append($mark);
          $("#mark"+i).css({
              'position' : 'absolute',
              'top' : t,
              'left' : l,
              'width' : '3px',
              'height' : '3px',
              'background' : c    
          });
  
          i++;
           }); 
  
  });
  
  };
  
  })( jQuery );
  </code></pre>
  
  <p>I was making a fun little plug that would turn any block element into a drawing pad. It worked when I was just using the mouse position on the entire page with the box located at 0,0. </p>
  
  <p>Now that I'm trying to allow it to be anywhere on the browser is where the problem arises.</p>
  
  <p>You can find it (not working) at: <a href="http://hangerdev.com/zacksplayground/" rel="nofollow">http://hangerdev.com/zacksplayground/</a></p>
  
  <p>Sorry if I'm incoherent. I should sleep.</p>