title: min-width for wrapper DIV not working
body: <p>I've two floated DIVs (two columns) which are nested in an "clear-float"-DIV, which itself is nested in an centered DIV ("wrapper" DIV).</p>
  
  <pre><code>&lt;div id="content"&gt;
      &lt;div class="block2"&gt;
          &lt;div id="slot_left"&gt;
              CONTENT-LEFT
          &lt;/div&gt;
          &lt;div id="slot_right"&gt;
              *CONTENT-RIGHT*
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The right column has <code>min-width</code> and <code>max-width</code> CSS option set. But the wrapper DIV, which has <code>min-width</code> and <code>max-width</code> also, is always expanded to max width.</p>
  
  <pre><code>#content {
      min-width: 300px;
      min-height: 80px;
      max-width: 350px;
      margin: 0 auto;
      background: #c00;
  }
  .block {
      overflow: hidden;
      _overflow: visible;
      _overflow-x: hidden;
      _height: 0;
  }
  #slot_left {
      width: 200px;
      background: #ff0;
      float: left;
      position: relative;
  }
  #slot_right {
      float: left;
      background: #cc0;
      min-width: 100px;
      max-width: 150px;
      position: relative;
  }
  </code></pre>
  
  <p>What's the reason for that? I want the wrapper DIV to has minimum width required but to be centered on screen.</p>
  
  <p><a href="http://jsfiddle.net/sHB7g/" rel="nofollow">Here</a> is an fiddle.</p>