FlexboxとIE10との組み合わせ：divとhrefのコンテナに子をラップすると機能しません

Question

IE10では、divとhrefのコンテナに子をラップすると、子は列の代わりに表示されます行。その他のブラウザはすべて動作します。私はこれについて何をすべきか分かりません。誰かがこれにいくつかの光を照らすことができますか？

HTML：

<div id="container"> 
     <a class="item_container1"> 
     <div class="item_container2"> 
     <img src="http://placehold.it/250x200"> 
     </div> 
     </a> 
     <a class="item_container1"> 
     <div class="item_container2"> 
     <img src="http://placehold.it/250x200"> 
     </div> 
     </a> 
     <a class="item_container1"> 
     <div class="item_container2"> 
     <img src="http://placehold.it/250x200"> 
     </div> 
     </a> 
    </div> 

CSS：

#container { 
     display: -ms-flexbox; 
     display: -webkit-flex; 
     display: flex; 

     -ms-flex-flow: row wrap; 
     -webkit-flex-flow: row wrap; 
     flex-flow: row wrap; 
    } 

Codepen：http://codepen.io/LeMiguel72/pen/wWGEmq

Answer 1

はそれを考え出しました。 a要素はブロックとして表示する必要があります。

a { 
    display: block; 
}