svg marker does not work in IE9-10

Question

Working first time on svg. I have following svg definition for an \'arrow-like\' path

Answer 1

One problem in IE seems to be that marker inherits the stroke, stroke-width and fill properties (contrary to the standards).

However, this can be worked around by setting the stroke properties explicitly.

Consider the problem with

http://www.w3.org/TR/SVG11/images/painting/marker.svg

By setting the marker stroke="none" and fill="black" the rendering seems fine:

https://codepen.io/anon/pen/qmYzGE

Note: I have tested this only in IE11. My guess is that it will work at least in IE10 as well. Any information on this very welcome.