How can I make the SVG from the example render the same in all browsers?

Question

css

Here is an example with a triangle on SVG: https://jsfiddle.net/Talker/jds2v568/1/
It is normally displayed only in chrome and its clones, but differently in FF and IE: it is cut off in FF, but not at all in IE is displayed.
How can I make it display the same in all browsers?

Answer 1

https://jsfiddle.net/jds2v568/3/
Didn't check in IE.
Added preserveAspectRatio='none' and changed background-size to 100% 100%