我有一个svg元素如下：
<svg height="30px" width="30px" y="-15" x="-20">
<g>
<defs width="30px" height="30px" id="imgdefs">
<pattern y="0" x="0" width="1" height="1" id="circlePattern">
<image xlink:href="https://media.licdn.com/mpr/mprx/0_x0rFQvgE2sZmSRnExdHbC6kwDjB-wsBb1mHW_hHEeypPwELF9mHbS9rE7RI-wRWRpRkd3-0oksR1HOq6PuzRmTO63sRtHYTb9uzX58IIoUaOGesRsj_ELqLVTf3CTY9nxflIGYQ1lZ5" width="30px" height="30px" y="0" x="0">
</image>
</pattern>
</defs><circle fill="url(#circlePattern)" cy="15" cx="15" r="15px">
</circle>
</g>
</svg>
它出现在Chrome中，但不会出现在Firefox 40中，也不出现在IE 11中。任何人都知道问题可能是什么？