CSS Flexbox no funciona en IE10

En IE10, este código no funciona correctamente:

.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;
}

Lo que debería pasar es queinput[type=submit] debe ser de 31px de ancho, coninput[type=text] ocupando el resto del espacio disponible dentro deform. Lo que ocurre esinput[type=text] simplemente por defecto a 263px por alguna razón.

Esto funciona bien en Chrome y Firefox.

Respuestas a la pregunta(3)

Su respuesta a la pregunta