SVG在IE11中溢出

Question

根据此答案：Cross browser SVG preserveAspectRatio

我设置了http://output.jsbin.com/viyijogose这样的svg

<svg class="w-100" width="512" height="280" viewBox="0 0 512 280" preserveAspectRatio="xMidYMid meet">
  <circle cx="315" cy="120" r="100" stroke="#4A599E" stroke-width="3" fill="#d6dbe0" fill-opacity="0.75" />
  <circle cx="135" cy="120" r="100" stroke="#4A599E" stroke-width="3" fill="#A58BBF" fill-opacity="0.75" />
  <text x="125" y="120" fill="white">HL</text>
  <text x="300" y="120" fill="#4A599E">HR</text>
</svg>

和CSS

.w-100{ width:100% }

但是，当WINDOW宽度<900px时，由于IE11中的最后一个文本标签，svg将溢出。 （显示滚动条，但svg中的元素仍然可以响应）

我不知道如何解决... 这是怎么回事？