From: Roger Roelofs <[EMAIL PROTECTED]> >On Dec 1, 2006, at 3:14 PM, David Gonzales wrote:
>> In IE 6 the header which contains the logo pushes down the yellow >> nav bar >> beneath it by about three pixels. I can't seem to figure it out. >> http://www.accd.edu/spc/spcmain/applet/120106/default.htm >IE has several 3px bugs. I would bet that this one is the >'whitespace' bug. Actually, "bug" is due to IE leaving room for text descenders on the inline image element. No, the image doesn't /have/ descenders, but the space is left anyway. There's probably no need for a special IE selector, simply add - vertical-align: bottom; to your #header img selector. And you can remove the margin and padding declarations from that selector, since there are no default margins or padding on the image. #header img {vertical-align: bottom;} is all you need. Alternately, you can add {display: block;} to the selector instead. Neither of these changes should cause problems for other browsers, so they can be left in the main style sheet. ~holly ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
