svg background IEと位置付けの問題

Question

こんにちは私は私のヘッダーのイメージのようなバナーを作成するために使用する2つのsvgを持っています。 1つは左に、もう1つは右に座っています。 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>