title: Width ignored on flexbox items
body: <p><a href="http://jsfiddle.net/XW9Se/" rel="noreferrer">http://jsfiddle.net/XW9Se/</a></p>
  
  <p>I've set <code>width: 200px;</code> on the left <code>&lt;div&gt;</code> but if I view it with the browser inspector tool it appears that the real width is random or something. It keeps changing depending on the window size.</p>
  
  <p>Why doesn't the width take effect?</p>
  
  <p><strong>EDIT</strong>: If I remove <code>width: 100%</code> the width stays fixed. But I need that so the <code>#main</code> div takes the remaining width :( Is there any way to have the sidebar @ fixed width and the other <code>&lt;div&gt;</code> fill the rest of the container width? <code>width: auto;</code> on <code>#main</code> doesn't work..</p>