title: jQuery masonry not working with Safari
body: <p>I'm using <a href="http://desandro.com/resources/jquery-masonry/" rel="nofollow">jQuery Masonry</a> with a WordPress installation and it works fine in every browser but Safari (both Win and OSX). Could this be related to some jQuery/WebKit issues with <code>.load()</code> firing too early? I'm quite new to jQuery/JavaScript, so any help is greatly appreciated.</p>
  
  <p>This page doesn't work in Safari: <a href="http://tangomitstil.de/news/" rel="nofollow">http://tangomitstil.de/news/</a></p>
  
  <p>While this page (for some reason) does: <a href="http://tangomitstil.de/info/unterricht/" rel="nofollow">http://tangomitstil.de/info/unterricht/</a></p>
  
  <p>The problem is not related to the number of items (I'm experiencing the same problem with my dev version with a rather large set of test posts), @font-face embedding, use of images, or the <a href="http://www.infinite-scroll.com/" rel="nofollow">Infinite Scroll plugin</a>.</p>
  
  <p>Here is the code called in the header section:</p>
  
  <pre><code>jQuery(window).load(function($) { 
      // We can only load masonry on window.load because of embedded swfobjects
      jQuery('.content').masonry({
          singleMode: true,
          resizable: true,
          animate: false
      }); // initiate masonry
      jQuery('.content').infinitescroll({
          navSelector: "div.navigation",
          // selector for the paged navigation (it will be hidden)
          nextSelector: "div.navigation div.nav-previous a",
          // selector for the NEXT link (to page 2)
          itemSelector: ".content div.post",
          // selector for all items you'll retrieve
          loadingText: "L&amp;auml;dt weitere Beitr&amp;auml;ge..."
      }, function(newElements) {
          jQuery(this).masonry({
              appendedContent: jQuery(newElements)
          });
      })
  });
  </code></pre>