Estou tentando usar oMódulo de layout de caixa flexível CSS para controlar a ordem em que os elementos são renderizados. Aqui está um exemplo de HTML (eviolino):

<div id='outer-container'>

    <div id='blue-objects' class='object-container'>
        <p>In here we have a number of blue things.</p>
        <p>The amount of content could be very small, or very large.</p>
    </div>

    <div id='green-objects' class='object-container'>
        <p>This is very similar to the blue objects block, in that the amount of content is unknown at design-time, and it could be very small or very large.</p>
        <p>It could be a complicated, nested set of child objects, although in this example there is nothing more than two &lt;p&gt; elements.</p>
    </div>
</div>

/* Started with a columnar layout as given by the Flexplorer: http://bennettfeely.com/flexplorer/ */
.outer-container {    
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;

}

.object-container {
    -webkit-flex: 1 auto;
    flex: 1 auto;
    border: 1px dotted black;
    padding: 0 10px;
    margin: 10px;
}

#blue-objects {
    order: 2;
    font-weight: bold;
}

#green-objects {
    order: 1;
    font-style: italic;
}

Meu objetivo é poder usar CSS puro para controlar a ordem em que os elementos # blue-objects e # green-objects aparecem. Tudo o que consegui realizar até agora é controlar a ordem de classificação horizontal.

A especificação descreve oorder propriedadedo seguinte modo:

Um contêiner flexível expõe seu conteúdo na ordem dos documentos modificados por ordem, iniciando no grupo ordinal mais baixo e subindo.

Eu pensaria que isso significaria que os # objetos verdes apareceriam antes de # objetos azuis, por causa daorder valores sendo 1 e 2, respectivamente ... mas énão está funcionando no Chrome 36, Firefox 31 ou IE 11.

Segundo o caniuse.com, o flexbox tem um bom suporte nos navegadores modernos.O que estou fazendo errado? Como posso controlar a ordem de um conjunto de elementos empilhados verticalmente usando o módulo CSS Flexible Box Layout Layout? A ajuda com esse violino seria muito apreciada.