IE中的SVG图像被裁剪而不是缩放

Question

SVG新手需要你的帮助。

我使用Inkscape创建了一些SVG文件，并尝试在我的网站上实现这些文件，通过CSS（height:12pt;width:auto;）进行扩展。

它在Chrome和Opera中运行良好，但在IE 9和IE for WP8.1中没有： 图像被裁剪为指定的高度而不是缩放。

有没有人有同样的问题甚至是解决方案？

提前谢谢！

Here's a link to the Image

这是集成代码：

<div id="social">Social: &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp; 
<a href="http://www.xing.com/profile/Alexander_Radeke" target="_blank" rel="me"title="Besuchen Sie unser XING-Profil">
<img id="xing" class="svg" src="fileadmin/sprachvertraut/svg/xing.svg"alt="Unser XING-Profil">ing</a> &nbsp;&nbsp;&nbsp;</div>

CSS：

#xing {height:1em;width:1em;border:solid 1px #eef;border-radius:0.2em;margin-bottom:-0.1em;}

您需要更多信息吗？