SVG背景IE和定位问题

Question

嗨，我有两个SVG，我用来在标题中创建像横幅的图像。一个坐在左边，另一个坐在右边。在IE中，他们只是坐在中间，我该如何修复？

#header-left {
    background-position: 10% -7%;
    min-height: 250px;
    background-size: inherit;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2017/05/banner-left-side-02-02.svg);
    max-height: 250px;
}
#header-right {
    background-color: rgba(169, 48, 37, 0);
    background-image: url(/wp-content/uploads/2017/05/banner-right-side-01.svg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    min-height: 250px;
}

如果您想查看问题...，http：//dronework.com.au/

Answer 1

这与您要寻找的东西很近吗？

#header-left {
    background-image: url(http://dronework.com.au/wp-content/uploads/2017/05/banner-left-side-02-02.svg);
    background-repeat: no-repeat;
    background-color: silver;
    width: 50%;
    height: 100px;
    float: left;
}
#header-right {
    background-image: url(http://dronework.com.au/wp-content/uploads/2017/05/banner-right-side-01.svg);
    background-repeat: no-repeat;
    background-color: lightgray;
    width: 50%;
    height: 100px;
    float: right;
    background-position: right;
}

<div id="header-left"></div>
<div id="header-right"></div>