3px extra height on a div with an image inside it

Question

I\'m working on a new site but there is a small design thing which I just can\'t get my head around.

Basically, I\'m creating a site which users are able to upload funny

Answer 1

It's due to the default vertical-align value of images. They are baseline. Change to top or bottom and it will go away.

img{
    vertical-align: top;
}

The extra space is the area below the baseline which is for letters that hang below like y or g.