title: Dynamically resize div based on size of browser window
body: <p>I'm trying to figure out how to have a div dynamically resize, based on the size of the browser window. I've set up a jsbin that illustrates my problem, here:
  <a href="http://jsbin.com/uxomul" rel="noreferrer">http://jsbin.com/uxomul</a></p>
  
  <p>What I want to do is to resize the div that holds the images so that the div always fills what's left of the height of the browser window (except a 25px margin at the bottom, that's set on body). </p>
  
  <p>Here's a demo that maybe illustrates what I want to achieve more clearly: <a href="http://emilolsson.com/shop/demo/layers" rel="noreferrer">http://emilolsson.com/shop/demo/layers</a></p>
  
  <p>Any ideas what would be the best way to approach this?</p>