Width ignored on flexbox items

css, flexbox, width

Solution

Remove the width on `.container > div` and use `flex: auto;` on `#main`: fiddle

#main {
   flex: auto; 
   background: lightblue; 
  -webkit-order: 2;
   order: 2;     
}

Problem

http://jsfiddle.net/XW9Se/ I've set `width: 200px;` on the left `<div>` 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. Why doesn't the width take effect? EDIT: If I remove `width: 100%` the width stays fixed. But I need that so the `#main` div takes the remaining width :( Is there any way to have the sidebar @ fixed width and the other `<div>` fill the rest of the container width? `width: auto;` on `#main` doesn't work..

Original source