Injecting SVG spritesheet via ajax in Internet Explorer 11 displays jagged.

[geoffyuen]

Here is a spritesheet: http://codepen.io/anon/pen/zGJJYZ

Looks fine in all browsers with SVG support.

Here is another codepen ajaxing that same spritesheet into the dom: http://codepen.io/anon/pen/MwqBOg

In IE9 and 10 it looks... okay. It seems slightly off the pixel grid and there seems to be some clipping. In IE11 it looks very aliased - almost as if the svgs are being rendered twice on top of one another - just really strong aliasing.

The issue also happens with the ajax demo at css-tricks: https://css-tricks.com/examples/svg-fallbacks/

[cthedot]

Looks fine in IE11 for Windows 10 it seems, maybe Win7 problem only?