javascript - Overlapping masonry divs with instafeed and twitterFetcher scripts -

i have small problem 2 masonry blocks overlapping on load. both blocks contain empty divs use scripts add content. 1 instafeed display latest instagram image , other displays latest tweet. if resize window stack nicely.

i've tried using .imagesloaded method below doesn't change anything. , tweet block text anyway.

<script> $(document).ready( function() {    var $container = $('#container').imagesloaded( function() {   $container.masonry({     "gutter": ".gutter-sizer",         "itemselector": ".item",         "stamp": ".stamp"      });   });  }); </script>  

if use following fixes browsers except ie9:

<script>         $(window).load(function(){         $('#container').masonry({             "gutter": ".gutter-sizer",             "itemselector": ".item",             "stamp": ".stamp"         });     }); </script> 

i suspect may have masonry loading before other 2 scripts have no idea how solve it.

thanks looking!