Deal with 4px extra pixel under image

The problem is that by default the bottom of images are lined up with the baseline of the text — which means the bottom of most letters, but there is still that small space for the bottoms of letters like p and q.

By default vertical-align is set to baseline. All you have to do to fix the problem is set:

a img { vertical-align: bottom; }