Image HEIGHT are not scaling in Internet Explorer 8

Question

Well I am using this CSS code to scale a image automatically:

.img-responsive {

    display: block;

    max-width: 100%;

    height: auto;

    width: 450px;

 } 

It works okay in most browsers. But in IE 8 the HEIGHT do not scale!

I have done a lot of search but could not find any solution?

Please help?

Answer 1

The image needs a container around it. This question was already answered here:

max-width on <img> tag not working in IE8