Изотопы перекрывают изображения?

Похоже, это происходит только в Chrome и Safari, а не в Firefox. Я использую его с основой для создания основы, поэтому я не уверен, что делать с настройкой высоты. Также кажется, что нет достаточного расстояния между изображениями в Chrome/Safari.

Как это исправить?

Изменить: вот скрипка http://jsfiddle.net/TLjay/

Проблема с этим в том, что он, похоже, не отображает проблему, с которой я сталкиваюсь. Поэтому я не уверен, что с этим делать. Я пробовал отключить все, кроме изотопа.. все jquery/css, и он по-прежнему сжимает изображения в Chrome/Safari, но отлично работает в firefox.

Кроме того, если я попал в фильтр "Все", он растягивает страницу так, как ее должно выглядеть так, что может быть полезно при вычислении этого

Я получил его для работы с imagesLoaded, поэтому его предоставление достаточно места, но пространство слева и справа от изображений все еще не там, где оно должно быть.. my script находится ниже

<script type="text/javascript">
    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;
        });
    </script>

Ответы

success: function(data){
    // Update isotope container with new data. 
    $container.isotope('remove', $container.data('isotope').$allAtoms )
    $container.isotope('insert', $(data) )
      // trigger isotope again after images have been loaded
      .imagesLoaded( function() {
        $container.isotope('reLayout');
      });
    }
});