Gap between DIV and IMG??!?!

Hey Guys!
I've been pulling my hair out over this one!

On: http://www.rsspberry.com/v2/

There is a 2px line at the bottom of the white box! this is that box coming under the img! I cannot think of a way to get it to go away! Thanks!

CSS: http://www.rsspberry.com/v2/css/styles.css

Thanks for any and all help!
~ The-Dream (Christian)

img {
display: block;
}

OMFG, I can't believe I didn't think of that! Sorry for the trouble, and thanks a lot!

Thanks++

img {
display: block;
}

Actually that will neuter inlined images (such as smileys). A better alternative would be to set the vertical-align property to bottom. Here's an example (that also kills the border that appears around images inside links in Firefox).


img {
border: 0;
vertical-align: bottom;
}

There is a 2px line at the bottom of the white box! this is that box coming under the img! I cannot think of a way to get it to go away! Thanks!

Wanna know why? http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps