title: Div scroll when less than min-width
body: <p>I have 2 divs, a sidebar and the main pane.</p>
  
  <pre><code>.main {
      position: absolute;
      min-width: 400px;
      top: 0;
      bottom: 0;
      left: 200px;
      right: 0;
      overflow: auto;
  }
  
  .leftSidebar {
      position:absolute;
      top:0;
      bottom:0;
      left:0;
      width: 200px;
      padding-left: 10px;
      overflow-x: auto;
      overflow-y: scroll;
  }
  </code></pre>
  
  <p>I want the main div to have a horizontal scrollbar when the size is less than 400px, but currently content just gets cuts it off when it is less. What am I missing?</p>
  
  <p>If this helps, <a href="http://jsfiddle.net/4bgy8x8w/" rel="noreferrer">here</a> is a demo of this. Changing the width of the window should ideally add a scrollbar to the main div, but it only puts the scrollbar on the entire window.</p>