Img's max-height not respecting parent's dimensions

Question

I have an img element inside a liquid div. That img has its max-height set to 100%. So, if the image is taller than the div, it should

Answer 1

Try adding the width and height attributes to your img's

Also set the natural dimensions in your HTML to help the browser render.

HTML

CSS

  img{
       max-width: 100%
       height: auto;
    }