I am trying to get rid of white space around an image using DIV…read through umpteen posts and tried all sorts - it simply does not work whatever I try…the red border still appears at the bottom of the image.
This is a common issue, and you need to add this to your CSS to fix it:
img {vertical-align: bottom;}
An alternative is
img {display: block;}
but the issue is really caused by the default space that is put under images by the browser. This is because, by default, an image aligns with the baseline of any text that might sit beside it, so there is space below it for the descenders of the text.