I'm using an svg background image on a simple anchor element and need the graphic positioned to the right of the element.
It works in most browsers, except on iPhone (fine on iPad).
I've set up two codepens - identical apart from using a gif or an svg image. The gif is correctly positioned to the right, but the svg isn't.
gif - positioned correctly on iPhone - http://codepen.io/johnholtripley/pen/yLDwF
svg - incorrectly positioned on iPhone - http://codepen.io/johnholtripley/pen/maCkb
I can't see any other reports of this issue - is this a known issue?