相对于IE中的宽高比，SVG元素宽度不缩放

Question

我正在尝试将SVG元素的高度设置为30％，但由于某种原因，元素的总宽度在IE中显示为100％。 SVG正在正常查看，但cursor:pointer属性出现在整个空白区域中。我希望元素宽度与宽高比有关。

这是我的页面http://jsbin.com/zojiti

出于某种原因，如果我使用<img src="speaker.svg"/>，它在IE上完全正常。

编辑：我正在使用IE 11，chrome和firefox进行测试。在chrome和firefox中，一切都按预期工作。

在svg下用svg尝试过