title: Isotope Overlapping Images?
body: <p>It seems like it only happens in Chrome and Safari.. not Firefox.  I'm using it with the foundation responsive framework so I'm not sure what to do about setting the height.  It also seems there isnt enough spacing between the images in Chrome/Safari..</p>
  
  <p>How do I fix this?</p>
  
  <p>Edit: Here is a fiddle <a href="http://jsfiddle.net/TLjay/">http://jsfiddle.net/TLjay/</a></p>
  
  <p>The problem with it is that it doesn't seem to be displaying the problem I'm having.. so I'm not sure what to do about that.. I've tried disabling everything but isotope.. all jquery/css and It still shrinks the images in Chrome/Safari but its fine in firefox.</p>
  
  <p>Also, If I hit the "All" under filter it stretches the page to how its suppose to look so that could be helpful in figuring this out</p>
  
  <p>I got it to work with imagesLoaded, so its giving enough space but the space on the left and right of the images is still not where its suppose to be.. my script is below</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var $container = $('.isosort')
      // initialize Isotope
          $container.isotope({
              // options...
              resizable: false, // disable normal resizing
              layoutMode : 'fitRows',
              animationEngine : 'best-available',
  
              // set columnWidth to a percentage of container width
              masonry: { columnWidth: $container.width() / 5 }
          });
  
          // update columnWidth on window resize
          $(window).smartresize(function(){
              $container.isotope({
              // update columnWidth to a percentage of container width
              masonry: { columnWidth: $container.width() / 5 }
              });
          });
          $container.imagesLoaded( function(){
  
                  $container.isotope({
              // options...
                  });
          });
  
          $('#filters a').click(function(){
              var selector = $(this).attr('data-filter');
              $container.isotope({ filter: selector });
              return false;
          });
      &lt;/script&gt;
  </code></pre>