title: Dynamically resize height of stacked divs?
body: <p>On my magento homepage, I have a section where I have 3 image collages stacked on top of each other.</p>
  
  <p>I'd like it so that each "collage"/div dynamically resizes its height to that of the browser you opened it in, so that as you scroll down, each one fits the window perfectly.</p>
  
  <p>I tried:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(window).resize(function() {
  $('#universe1').height($(window).height() - 46);
  });
  
  $(window).trigger('resize');
  &lt;/script&gt;
  </code></pre>
  
  <p>and make each div id'd "universe1" but that didn't seem to do the trick.</p>
  
  <p>Any ideas?</p>