Границы изображения с svg отображаются иначе в Inte rnet Explorer, чем в Chrome, как это исправить?

Question

Изображение границы - это файл svg.

Вот как это выглядит в Chrome:

Вот как он выглядит в IE 11.

Я следил за предложением здесь: Поддерживает ли Inte rnet Explorer 11 изображение границы?

И это код CSS:

.file-list {
    border-style: solid;
    border-width: 30px 30px 30px 30px;
    border-image-repeat:stretch stretch;
    border-image-source: url("Images/greenframe.svg");
   border-image-slice: 100;
    border-image-repeat: repeat;
    display: block;
    margin: 0.5em;
    padding: 0.5em;
}

Я тоже пробовал генератор по этой ссылке и пробовал этот код: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-image_generator

border-image-source: url("Images/greenframe.svg");
border-image-slice:27 27 27 27;
border-image-width:20px 20px 20px 20px;
border-image-outset:0px 0px 0px 0px;
border-image-repeat:stretch stretch;

Как сделать изображение рамки похожим на Chrome?