title: jQuery offset returning wrong in Firefox / Safari
body: <p>I'm trying to align an element vertically with another by passing an offset. It lines up in Chrome, but FF / Safari are pushing it down further than it should be... example: <a href="http://campaignreport2012.rogerhutchings.co.uk/cinema-verite/" rel="nofollow">http://campaignreport2012.rogerhutchings.co.uk/cinema-verite/</a></p>
  
  <pre><code>function headalign() {
      var original_offset = ( $("#header").offset() );
      var custom_offset_top = ( $(".wp-post-image").offset().top );
      var custom_offset_left = ( $("#header").offset().left );
  
      if ( $(window).width() &gt; 768 ) {
          $("#maintitle").offset({
              top: custom_offset_top,
              left: custom_offset_left,
          });
      } else {
          $("#maintitle").offset( original_offset );
      }   
  
  }
  
  if ( $("body").hasClass("single") ) {
      headalign();
      $(window).resize(function() { headalign(); });
  }
  </code></pre>
  
  <p>It recalculates it fine on resize, but it's too far down on the first load. Can anyone help me out?</p>