CSS - 在IE11中无效的合理框中的多行最小 - 最大元素

Question

我有一个包含多个项目的holder元素，每个项目都有不同的宽度。

我将每个元素拉伸到与其他元素相等的宽度，具有最小和最大宽度（然后根据需要进行包装）。

理论上，这应该可以使用CSS Flexbox。所以我试图使用这个HTML：

<div class="holder">
    <div class="element">A little text</div>
    <div class="element">Quite a lot more text than the other elements</div>
    <div class="element">A little bit more text</div>
</div>

和这个CSS：

.holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.element {
    display: block;
    background-color: #555;
    height: 100px;
    flex: 1;
    margin: 5px;
    min-width: 50px;
    max-width: 150px;
}

其他浏览器运行时没有任何问题。但是在IE11中，当容器元素宽度超过最大宽度+左右边距之和时，它似乎完全错误计算了flexboxage。

这是我的意思演示 - 在IE11中尝试并拉伸/收缩容器： http://jsfiddle.net/jNK7D/

我不确定这是一个错误还是我做错了什么，但我已经尝试了一切让它表现得好。