title: How to fix? Full height <li>'s width not updating after vertical resize
body: <p><strong>::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::UPDATE:::::::::::::::::::::::::::::::::::::::::::::::::::::::</strong></p>
  
  <p>I've applied a simple update (via jQuery) of what i'm trying to accomplish here:</p>
  
  <p><a href="http://jsfiddle.net/3mJPy/" rel="nofollow noreferrer">http://jsfiddle.net/3mJPy/</a></p>
  
  <pre><code>$( window ).resize(function() {
        $('#gallery li').each(function() {
          $(this).width($(this).find('img').width());
      });
  });
  </code></pre>
  
  <p>As you can see, this demonstrates the initial request, notice the horizontal scrollbar size adjustment as well, this is perfect as i intend on using this as a horizontal scroller.  However, the issue remains now that we can't scale back to large since the containers now have sizes applied to them.  </p>
  
  <p><strong>::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::/ UPDATE::::::::::::::::::::::::::::::::::::::::::::::::::::::::</strong></p>
  
  <p>What I'd like to do is have a <code>&lt;ul&gt;</code> take up a percentage of the page height, so that when a user resizes the browser vertically it's contents (images) will scale. I'd like to keep images proportionate, and pushed to the left.</p>
  
  <p>The problem I'm running into is that when resized vertically, the <code>&lt;li&gt;</code> seem to keep their initial size so that when scaled, there is now a gap between the image and it's container. </p>
  
  <p>Test the fiddle here by grabbing the handle right above where it says "Top Area" and drag it down, you'll see the awkward spacing / gaps between the items.  However, if you refresh the page (Run) with the new gaps with the browser remembering where you dragged the frame, everything looks correct.</p>
  
  <p><a href="http://jsfiddle.net/qmUHN/" rel="nofollow noreferrer">http://jsfiddle.net/qmUHN/</a></p>
  
  <p><strong>Before resizing / pulling down frame:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/cUPHw.jpg" alt="enter image description here"></p>
  
  <p><strong>After resizing / pulling down frame:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/URUtb.jpg" alt="enter image description here"></p>