SVG в пропорциях элементов img не учитывается в ie9

CSS:

img{
    max-height:30px;
}

HTML:

<img src="foo.svg" />

Я ищу это изображение SVG, чтобы масштабировать его пропорционально максимальной высоте 30 пикселей в высоту. Естественные размеры svg - 200 на 200 пикселей. Отлично работает в FF и Chrome (30x30), но в IE9 изображение 30x200. Теперь вот кикер. Это происходит только с определенными файлами SVG, другие svgs корректно масштабируются.

Кажется, разница в том, что один состоит из полигонов, а другой - из путей.

неправильно масштабируется:

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

правильно масштабируется:

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

Любая идея о том, почему это происходит, или как я могу получить первый масштаб пропорционально в ie9?

Ответы на вопрос(5)

Ваш ответ на вопрос