IEにおいて、SVGをHTML内に直接記述した場合、他のブラウザと大きさが異なる

IE11において、以下のようにHTML内に直接記述したSVGのスケーリングが、他のブラウザと異なります。

#svg {
  width: 80%;
  
  background-color: #DDD;
}

<svg viewBox="0 0 430 330" id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <circle cx="100" cy="100" r="100" fill="red" />
  <rect x="130" y="130" width="300" height="200" fill="blue" />
</svg>

Firefox, Chrome, Edgeなどでは横幅に合わせてアスペクト比を保持したままスケーリング(縦幅を自動で調節)しますが、
IEにおいては縦幅が固定になってしまいます。

IEにて、横幅に合わせてアスペクト比を保持したまま、縦幅を自動で調節させたいのですが、良い方法はないでしょうか？