title: Make a column fluid down to min-width, then push float sidebar down
body: <p>Suppose you have two divs: one with fluid width with a min-width and another div that's floating to the right.  For example, this <a href="http://jsbin.com/esezer/2/edit" rel="nofollow">live demo (with code) at jsbin.com</a> has this:</p>
  
  <pre><code>&lt;div id="container"&gt;
    &lt;div id="header"&gt;header&lt;/div&gt;
    &lt;div id="fixedFloatingColumn"&gt;fixed-size column&lt;br /&gt;o&lt;br /&gt;o&lt;br /&gt;o&lt;br /&gt;o&lt;/div&gt;
    &lt;div id="fluidNonfloatingColumnContainer"&gt;
      &lt;div class="column"&gt;stretchable column 1&lt;/div&gt;
      &lt;div class="column"&gt;stretchable column 2&lt;/div&gt;
      &lt;div class="column"&gt;stretchable column 3&lt;/div&gt;
    &lt;/div&gt;
    &lt;div id="footer"&gt;footer&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>if you resize the browser and make it narrower, the fluid div adjusts accordingly, until it hits the min-width.  After that, if you narrow the window even more, the horizontal scrollbar appears and the right floating div starts to overflow hidden to the right of the window.</p>
  
  <p>What I'd like is, if the user keeps narrowing the window, after the non-floating div hits the min-width, the browser should push the floating sidebar div down below the non-floating content, instead of overflowing (hiding) to the right.  Is that possible?</p>