I’m trying to sit an image inside a container DIV that it is otherwise too large for, using
max-width: 100%
in the CSS to resize it. However, no matter what I adjust, there’s a small white space at the bottom. How do I get rid of that so that the DIV border and image fit perfectly.
Apply a
display: block;on your image.http://jsfiddle.net/SC8v9/25/