title: tumblr masonry + infinite scrolling overlapping posts despite using desandro and new jquery
body: <p>I am new to javascript and stuff and now I have a frustrating issue with masonry and infinite scroll on tumblr.
  I have read nearly all the forum questions about those issues but nothing solved my problem.</p>
  
  <p>So, I have a tumblr blog (http://jessman5.tumblr.com) and despite of using:</p>
  
  <ul>
  <li>//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js</li>
  <li><a href="http://masonry.desandro.com/jquery.masonry.min.js" rel="nofollow">http://masonry.desandro.com/jquery.masonry.min.js</a></li>
  <li><a href="http://masonry.desandro.com/js/jquery.infinitescroll.min.js" rel="nofollow">http://masonry.desandro.com/js/jquery.infinitescroll.min.js</a></li>
  </ul>
  
  <p>and this code:</p>
  
  <pre><code>&lt;script&gt;
  $(function(){
  var container = $('#container');
  
      container.infinitescroll({
              navSelector  : '.pagination',    
              nextSelector : '.pagination a',
              itemSelector : '.post',
              loading: {
                finishedMsg: 'No more pages to load.',
                img: 'http://i.imgur.com/6RMhx.gif'
              }
          },
          function( newElements ) {
              var newElems = $( newElements );
              newElems.css({ opacity: 0 });
              newElems.animate({ opacity: 1 });
              container.masonry( 'appended', newElems); 
          }
      );
      container.imagesLoaded(function(){
          container.masonry({
              itemSelector: '.post'
          });
      })
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>the posts are overlapping when it comes to load older posts. 
  Safari is doing it well for a while but Chrome and Firefox are completely lost.</p>
  
  <p>I tried to include this:</p>
  
  <pre><code>$(window).load(function(){
    $('#container').masonry({
      // options...
    });
  }); 
  </code></pre>
  
  <p>and this:</p>
  
  <pre><code>container.imagesLoaded(function () {
          container.masonry({
              columnWidth: function (containerWidth) {
                  return containerWidth / 100;
              }
          });
      });
  </code></pre>
  
  <p>and (feels like) hundreds of other versions of code... 
  nothing of this is working for me.</p>
  
  <p>I hope anyone can help me.
  I'm frustrated..</p>