Strange issue with Masonry and infinite-scroll

Strange issue with Masonry and infinite-scroll

Hi!
I'm trying to configure both masonry and infinite scroll on my wordpress theme.
The page I'm working on is this: http://www.photocracy.eu/
If I scroll the page the new images are loaded, but they are displayed in a very strange way, like a mess!
I can't see any relevant error from firebug, but I think it is a callback problem.
I use this code:

  1. var $ = jQuery;
  2. var $container = $('#sort');
  3. $container.infinitescroll({
  4.     navSelector  : "#nav-below",
  5.                    // selector for the paged navigation (it will be hidden)
  6.     nextSelector : "#nav-below .nav-previous a",
  7.                    // selector for the NEXT link (to page 2)
  8.     itemSelector : "#sort .box",
  9.                    // selector for all items you'll retrieve
  10.     contentSelector : "#sort",
  11.     loading: {
  12.         img   : "",
  13.         finishedMsg : "",
  14.         msgText: "",
  15.         speed: 'slow',
  16.         },
  17.     },function( newElements ){
  18.             jQuery("a[rel*=lightbox]").colorbox({maxHeight:"100%",opacity:0.8,slideshow:true,slideshowAuto:false,slideshowSpeed:2500,slideshowStart:"start",slideshowStop:"stop"});
  19.         var $newElems = $( newElements );
  20.         $newElems.css('position', 'absolute');
  21.         $container.masonry( 'appended', $newElems );
  22. });
The strange thing is that if I try to resize the page all the images move in the correct position!
I'm going crazy!

Can you help me?