On Fri, 1 Dec 2006 13:55:32 -0600, 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. > > > The page is at > > http://www.accd.edu/spc/spcmain/applet/120106/default.htm > > [...]
Hi David, That's odd. In IE 7 the yellow bar beneath the header image actually overlaps part of the bottom of the image! The exact opposite of the effect in IE 6 ! In my standalone IE 6 I also see all four list items, with the last item wrapped to a second line. In IE 7 that last list item does not appear at all. And in Opera 9, the last list item is wrapped on a second line, but its background is white! Firefox 2.0 seems to be doing what you want, but text size is tiny in that browser. 11 px is about 6 pt on my 1440 x 1050 15" screen. Try giving the #header img a declaration of "display: block;" to see if that gets rid of the gap. It may be that IE 6 "sees" the space inside the DIV and lines up an image on the baseline of that "text", leaving a gap where the "tails" or "descenders" of letters like "g, j, p" go. The cause of the overlap in IE 7 is a mystery. :( Cordially, David -- www.hucklesby.com ______________________________________________________________________ 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/
