Problema de altura del cuadro de vista SVG en ios Safari

He notado algo extraño en ios cuando uso svg. Los svgs parecen funcionar bien en todos los demás navegadores, pero en Safari ipad / iphone, el viewbox tiene un espacio extraño en la parte superior e inferior del svg. ¿Alguien más se ha encontrado con esto y has podido arreglarlo? Usando un código svg simple como:

<svg width="100%" viewBox="0 0 20 10">
    <polygon fill=red stroke-width=0 points="0,10 20,10 10,0" />
</svg>

En ipad / iphone si pongo un borde en el svg hay un espacio extraño arriba y debajo del svg ... ??

la bondad del violín se ve normal en el escritorio, pero si lo mira en un ipad, etc., verá los problemas.

http://jsfiddle.net/InVAMPED/hck5gg1a/