CSS:

img{
    max-height:30px;
}

HTML:

<img src="foo.svg" />

Estoy buscando esta imagen svg para escalar proporcionalmente a una altura máxima de 30 píxeles de alto. Las dimensiones naturales de la svg son 200 px por 200 px. Funciona muy bien en FF y Chrome (30x30) pero en IE9 la imagen es 30x200. Ahora aquí está el pateador. Solo sucede con ciertos archivos SVG, otros svgs se escalan correctamente.

arece que la diferencia es que uno está hecho de polígonos y el otro está hecho de caminos.

no se escala correctamente:

http: //www.radiantinteractive.com/rs/images/allies/other/crocs.sv

escala correctamente:

http: //www.radiantinteractive.com/rs/images/allies/technologyLogos/groovy.sv

¿Alguna idea de por qué sucede esto o cómo puedo hacer que el primero escale proporcionalmente en ie9?