Flexbox in Kombination mit IE10: funktioniert nicht, wenn ich die untergeordneten Elemente in einen div- und einen href-Container einschließe

Question

In IE10, wenn ich die untergeordneten Elemente in einen div- und einen href-Container einschließe, werden die untergeordneten Elemente in einer Spalte angezeigt eine Reihe. Alle anderen Browser funktionieren. Ich habe keine Ahnung, was ich dagegen tun soll. Kann jemand etwas Licht darauf werfen?

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

es herausgefunden. Die a Elemente müssen als Block angezeigt werden.

a { 
    display: block; 
}