title: Masonry JS Overlapping Items
body: <p>I have a very strange problem in here: <strong>[Referral Link Removed]</strong>. The first row product items overlapped with the items in the second row. </p>
  
  <p>The masonry items are below the homepage above the footer. As you can see, it looks different with Chrome. In firefox, it looks good.</p>
  
  <p>Here's how it looks in my chrome: <a href="http://clip2net.com/s/5LIRko" rel="noreferrer">http://clip2net.com/s/5LIRko</a></p>
  
  <p>My jQuery Code is:</p>
  
  <pre><code>jQuery(function($){
  var $container = $('.woocommerce ul.products');
      $container.masonry({
            columnWidth:10, 
            gutterWidth: 15,
            itemSelector: '.product-category'
      });
  });
  </code></pre>
  
  <p>Is there any css rule which affects the row output ?</p>