title: Masonry giving container 0 height
body: <p>I'm working on some stuff that involves a responsive masonry layout. I have a container that has a max-width of <code>960px</code> but scales down with the browser. My grid items have a percentage-based width (100%, 66.666666etc%, 33.33333etc%). For some reason, when I pass a function to the <code>columnWidth</code> option, it always gives the container a height of 0. This is how I'm instantiating Masonry.</p>
  
  <pre><code>$(window).load(function() {
    var $container;
    $container = $("#grid_container");
    $container.masonry({
      columnWidth: function(containerWidth) {
        return containerWidth / 3;
      },
      itemSelector: ".grid_item",
      isFitWidth: true,
      isResizable: true,
      gutter: 10
    });
  });
  </code></pre>
  
  <p>Any idea why it'd be doing this? Since I'm using <code>$(window).load</code> it should be able to calculate the height fine. Am I missing something really obvious here? Is it simply not possible to use percentage column widths with Masonry? </p>