Gap between DIV and IMG??!?!

[the-dream]

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)

[Apostropartheid]

img {
  display: block;
}

[the-dream]

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

Thanks++

[Dan Schulz]

Originally Posted by CyanLight

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;
}

[VIPStephan]

Originally Posted by the-dream

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...ysterious_Gaps