title: jquery masonry breaks(stacks images) in chrome/safari but only on first load
body: <p>It seems that when I try to load the page, all the images are stacked on top of one another. But if you were to click a link which takes you to the same page (like the home link) then masonry kicks in. So I think masonry is loading too early, like before jquery readies the page or something.</p>
  
  <p>Here my jquery call:</p>
  
  <pre><code>$(document).ready(function(){
      $('#image_roll_container').masonry({
          itemSelector: '.box'
      });
  
  ....
  </code></pre>
  
  <p>Here's the page in question:</p>
  
  <p><a href="http://ratattoos.com/">http://ratattoos.com/</a></p>
  
  <p>it works just fine in firefox and IE8.</p>