> Images are inline elements, and thus rest on the base-line.
> Solutions:
> #wrapper img {display:block;}
> or
> #wrapper img {vertical-align:bottom;}
>
> Read more in this oldie:
> http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps/
Thank you for the link Philippe, that made much more sense.
I guess we need to wait till ultimate solution:
#wrapper {line-box-contain: font replaced;} /* proposed for CSS3 */
While waiting, I'll prefer your #wrapper img {vertical-align:bottom;} advice
since #wrapper img {display:block;} may not be appropriate e.g.
http://kalkadoon.net/sandbox/three-pixel-padding/inline.html
--
Cem Meric | http://www.kalkadoon.net/
Kalkadoon Corporate Solutions
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
