title: Jquery imagesLoaded Plugin Overlapping Issue
body: <p>I have a tumblelog that uses jquery masonry and infinite scrolling on the posts. The masonry only applies to the first few posts, then overlaps everything else. I know this kind of question gets asked a lot, but no one seems to know the answer. Here's my code:</p>
  
  <pre><code>    &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  $(window).load(function(){
  var $wall = $('#posts');
  $wall.imagesLoaded(function(){
  $wall.masonry({
  columnWidth: 196,
  itemSelector: '.post',
  isAnimated : false
  });
  });
  
  $wall.infinitescroll({
  navSelector : '#navigation', 
  nextSelector : 'a#nextPage', 
  itemSelector : '.post', 
  bufferPx : 2000,
  debug : false,
  errorCallback: function() { 
  $('#infscr-loading').fadeOut('normal'); 
  }},
  function( newElements ) {
  var $newElems = $( newElements );
  $newElems.hide();
  $newElems.imagesLoaded(function(){
  $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  });
  }); $('#content').show(500);
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p><a href="http://s0d4pop.tumblr.com/" rel="nofollow">Here's my link.</a>
  Thanks!</p>