即使发生溢出，ie11也会压缩div内容：隐藏

Question

我设置了一个评论星，其中底层（灰色）的宽度设置为100％，顶层（金色）的宽度设置为变量（例如96％）。顶层的宽度是通过JS根据对评论站点的调用来设置的，并作为内联样式添加。

在Chrome和其他流行的浏览器上，评论星标显示如下：

在IE11上，评论星标显示如下：

我可以看到IE将div压缩到96％，但是它也在压缩div的内容（SVG星号）而不是隐藏溢出。

这是CSS：

.product-section__container .front-stars {
    width: 96% /* -- added inline -- */
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    color: #ffbc0b;
    overflow: hidden;
    top: 0;
    left: 0;
}

有关如何解决此问题的任何提示？这是我第一次遇到这样的问题！