title: non-uniform behavior of flexbox in firefox and chrome?
body: <p>I tried to use flexbox for the navigation bar as shown in the jsfiddle link below</p>
  
  <p><a href="http://jsfiddle.net/qq9pn/5/" rel="nofollow">http://jsfiddle.net/qq9pn/5/</a></p>
  
  <p>it works like a charm under firefox -- as illustrated by the jsfiddle page, but in chrome the first icon sits at the center of the nav bar but the second icon is kicked out of the nav bar.</p>
  
  <p>I'm aware that</p>
  
  <pre><code>-webkit-box-flex:1.0; /* Chrome */
  </code></pre>
  
  <p>and</p>
  
  <pre><code>-moz-box-flex:1.0; /* Firefox */
  </code></pre>
  
  <p>behaves different in the two browsers, but how can I enforce exactly the same behavior of flexbox in the two?</p>