Michael Leibson wrote: [...] >> Specifying a line-height will > normalise things a little. . . > While the #main div has line-height on all <p>s, you're right -- there was no > line-height in the #left div. I just tried adding the same > line-height, there, but it made no difference. IE gives a 2px bottom space > to every li, > while FF doesn't -- but, since the problem also occurs in other > browsers, it's probably not because of that.
In IE7, those extra two pixels of space below is due to the rendering of "lucida" glyphs with descenders with no text-decoration in list items. <http://css-class.com/test/css/text/ie7-descenders-lucida.htm> Notice the space below in IE7 with the last list item. In FF, Opera and IE8, the descenders are touching the bottom edge of the list item. Safari is just different completely (another story). The behavior in IE7 is different if a paragraph is used where the descenders appear below the underline of the link. See second paragraph. No line-height, font-size will do much to change the behavior of IE7. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
