Microsoft-Edge＆amp; IE - 某些内联块元素不适合

Question

当我将网站的某些元素显示为内嵌块时，浏览器Microsoft-Edge和IE11有点问题，在Chrome，Firefox，Safari中运行良好。

请参阅截图以获取解释。

这3个元素应该是对齐的。这是CSS。

header .container .header-widget .search .statistics ul li {
list-style: none;
display: inline-block;
width: calc(100% / 3);
font-size: 13px;
vertical-align: top;
padding-right: 25px;
box-sizing: border-box;
}

header .container .header-widget .search .statistics ul li .thumb {
float: left;
font-size: 30px;
}

header .container .header-widget .search .statistics ul li .text {
overflow: hidden;
display: block;
padding-left: 15px;
box-sizing: border-box;
}

HTML code：

<div class="statistics">

                    <ul>

                        <li>
                            <span class="thumb"><span class="icon-cart"></span></span>
                            <span class="text">Eksempel tekst 123. Eksempel tekst 123.</span>
                        </li><li>
                            <span class="thumb"><span class="icon-checkmark-circle"></span></span>
                            <span class="text">Eksempel tekst 123. Eksempel tekst 123.</span>
                        </li><li>
                            <span class="thumb"><span class="icon-user"></span></span>
                            <span class="text">Log ind, og få adgang til en masse fordele!</span>
                        </li>

                    </ul>

                </div>

但它有点奇怪，因为我的网站上有其他内联块元素看起来不错..任何帮助都将不胜感激，谢谢。