CSS:

img{
    max-height:30px;
}

HTML:

<img src="foo.svg" />

Estou procurando essa imagem svg para dimensionar proporcionalmente a uma altura máxima de 30 pixels de altura. As dimensões naturais do svg são 200px por 200px. Funciona muito bem em FF e Chrome (30x30), mas no IE9 a imagem é 30x200. Agora aqui está o kicker. Isso acontece apenas com certos arquivos SVG, enquanto outros svgs são dimensionados corretament

arece que a diferença é que um é feito de polígonos e o outro é feito de caminho

não é dimensionado corretamente:

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

escala corretamente:

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

qualquer idéia sobre por que isso acontece, ou como posso conseguir que o primeiro dimensione proporcionalmente em ie