Image HEIGHT are not scaling in Internet Explorer 8

Any of those help have you tried height:auto and width:auto as well as using max-height and max-width, this usually results in IE rendering the correct aspect ratio.

wish of those help you need NOT to declare the height if you declare the width of an image to override its real size, so your code should look like this:

<img style=" border: 4px white solid; margin: 5px" width="200px" alt="" src="../images/photos/thumb/IMG10.jpg" alt="" />

it should still fix some issue try
and if this fails try adding !important behind all styles

I hope this helps . I'm working on creating a fallback image inside of my class that creates responsive images, but I am stuck with trying to fix a problem for IE. Since I cannot use things like , object-fit and srcset I am up against a challenge. The image is placed underneath the content so it will size to the height of the div content. The image should cover the whole background of the div that contains the content, but the problem is that the width presses the image to this compact size that looks awful: , Change this

height: 100%;

min-height: 100%;
min-width: 100%;
margin: auto;