Extra spacing under images

Working on a client site…there is an extra 2-3 pixel space below the image in the main content section. The image is getting wrapped with 1 pixel border with CSS


Any ideas what is going on? It shows up like this in IE, Safari, Firefox and Chrome…


Hi, this is actually a popular and common thing. What makes it seem weird is, sometimes Firefox is the only one who shows it, depending on the markup (I have one example where FF was the only one showing it… but be aware they actually should ALL be showing it).

Read this:

then pass it on to your friends, your friends’ friends, and their dogs. My stylesheets always always have img {vertical-align: bottom; border: 0;} except when there are no images on that site.

Thanks for the help, that works.