svg distorting when using .img-responsive in IE 10

Created by: wroughtec

I have a svg logo that with .image-responsive class that looks fine in chrome, firefox etc ie it fills the width area and keeps its proportions however in IE 10 it becomes elongated ie the width is correct but is trying to stay the same height as the origional source.

I fixed by adding height:100% \9; to the class so it is ignored by firefox and chrome (as height 100% displays weird in Chrome)

Not sure if the is a problem for all image types in IE10 or just svg just thought I would add this quick fix here encase anyone else has the same issue.