html, css - weird invisible margin below pictures

Question

I\'m going bananas here, somehow below all of my images in my page there is a gap, a margin which isn\'t there in the code. Even Firebug can\'t see it but Firefox and Safari

Answer 1

Well, I got it.

it was a combination of

font-size: 0px;
line-height: 1;