Sent by Roman Rudenko on 10 May 2005 12:12
On Tue, 10 May 2005 02:23:45 -0700, Paul Jinks [EMAIL-REMOVED]>
wrote:
> In Firefox, this displays fine, but in IE6/XP I get a thin area
> containing
> the background image at the bottom of the banner image. The width of this
> border seems to increase if I increase the text-size on the browser.
Since images are inline elements by default, they are placed on text lines
with their bottoms flush with text baseline. The extra space you see is
allocated for bottom parts of letters like p, q or f. To prevent this from
happening, add #header img {display: block; } to your stylesheet.
Roman.
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/