title: CSS flexbox not working in IE10
body: <p>In IE10, this code isn't working correctly:</p>
  
  <pre><code>.flexbox form {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -o-flex-direction: row;
      flex-direction: row;
  }
  
  .flexbox form input[type=submit] {
      width: 31px;
  }
  
  .flexbox form input[type=text] {
      width: auto;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex: auto 1;
      -moz-flex: auto 1;
      -ms-flex: auto 1;
      -o-flex: auto 1;
      flex: auto 1;
  }
  </code></pre>
  
  <p>What should happen is that <code>input[type=submit]</code> should be 31px wide, with <code>input[type=text]</code> taking up the rest of the available space within <code>form</code>. What happens is <code>input[type=text]</code> just defaults to 263px for some reason. </p>
  
  <p>This works fine in Chrome and Firefox.</p>