title: CSS auto-fit container between float:left & float:right divs
body: <p>I'm looking for a way for CSS(3) to be able auto adjust the width of a center container div between a <code>float:left</code> div and <code>float:right</code> div.</p>
  
  <p>The center div also needs the ability to have a <code>min-width</code> set, similar to google+ -> home where the center content is auto fitted between the left navigation buttons and the right chat pane.  Then when the screen width shrinks past a certain point (detected with javascript) the chat pane minimizes to save space.</p>
  
  <p>Here is an active mock-up to make work: <a href="http://jsfiddle.net/9vrby/" rel="noreferrer">http://jsfiddle.net/9vrby/</a> </p>
  
  <p>Also, here is the css code I'm using now:</p>
  
  <pre><code>#left{ float:left; width:200px; height:400px; border:1px solid #000; }
  
  #center{ float:left; width:auto; height:400px; border:1px solid red; }
  
  #right{ float:right; width:100px; height:400px; border:1px solid blue; }
  </code></pre>
  
  <p>Please let me know if you need more information, and thanks in advance for the help.</p>