IE vs Chrome - 图标字体大小的差异

Question

我使用的是图标字体（来自IcoMoon）。我将以前的图标应用到我的其他元素中。

应用于它们的CSS类似于：

/** applied first */
.my-element:before {
    font-family: icomoon;
    font-size: 20px;
}

/** elsewhere */
.my-element:before {
    font-size: 1.5em;
}

如果我查看以前检查元素中报告的实际字体大小，它报告21px，逻辑上我预计30px。 Firefox似乎也这样做。在IE中，我得到了我期望的：30px（20px * 1.5）。

我有另一个，第二个值是2em，Chrome得到28px。 IE获得预期的40px。

甚至扩展东西以查看计算最终字体大小值的组件只会显示这两个。

我认为可能是父元素被计算出来，所以我把它设置为0px，它并没有影响到之前。我很难过。

哪种浏览器正确？我通常认为IE是错误的，但如果是的话，必须有一些我不知道的规则。有什么想法吗？