title: Firefox, Flexbox & overflow
body: <p>After last firefox-update some of css3-code has been broken... <a href="http://jsfiddle.net/944tL115/4/">Example</a> (jsfiddle).</p>
  
  <ul>
  <li>In chromium:
  <img src="https://i.stack.imgur.com/8jREh.png" alt="normal, chome"></li>
  <li>In firefox 34:
  <img src="https://i.stack.imgur.com/CBIwF.png" alt="firefox 34, bad"></li>
  </ul>
  
  <p>Is it bug? Or normal working? What do i need to change to fix it? Why <code>#flex</code> don't resize properly?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="outer"&gt;
      &lt;div id="flex"&gt;
          &lt;label&gt;123&lt;/label&gt;
          &lt;input type="text" value="some text" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#outer { display: flex; }
  
  #flex {
      display: flex;
      border: 1px solid green;
      outline: 1px solid red;
  }
  
  label { flex: 0 0 80px; }
  </code></pre>