内联SVG在IE中默认为100％宽度

Question

要在IE中使用内联内联SVG（DOM中的SVG也显示：内联），如果我不希望它们具有100％，我必须明确设置宽度。这是对的吗？

http://codepen.io/anon/pen/ymFit

HTML

<div>
  text on the left
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-werks" viewBox="0 0 40 40">
    <title>icon-down-arrow-circle</title> <g> <circle cx="20" cy="20" r="20"/></g>
  </svg>
  text on the right
</div>
<div>
text on the left
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-noWerks" viewBox="0 0 40 40">
    <title>icon-down-arrow-circle</title> <g> <circle cx="20" cy="20" r="20"/></g>
  </svg>
text on the right
</div>

CSS

.icon{
  fill:#555;
}
.icon-werks{
  height:50px;
  width:50px;
  display:inline;
}
.icon-noWerks{
  height:50px;
  display:inline;
}