2 masonry grid in safari overlaid on 1?

Question

css

2 masonry grid in safari overlaps the first one, how to fix?

var $grid = $('.grid');
        $grid.imagesLoaded(function() {
            $grid.masonry({
                columnWidth: '.product',
                itemSelector: '.product-one-column,.product-two-column',
                gutter: 7
            });
        });
        var $grid_popular = $('.grid-popular');
        $grid_popular.imagesLoaded(function() {
            $grid_popular.masonry({
                columnWidth: '.product',
                itemSelector: '.product-one-column,.product-two-column',
                gutter: 7,
                percentPosition: true
            });
        });