Hi, Matt... I've been wrestling with a similar issue, although with different elements. I have some lines of text that vertically space well in FF2 and IE7, but IE6 was spacing them too far apart.
What solved my problem and got IE6 to react to my line-height spec was to give the containing div and line-height attribute. If I used a div as a spacing element, such as <div style="height:6px; width:6px;"></div>, FF2 and IE7 displayed good spacing. However, IE6 displayed a larger vertical gap. If I changed the code and added a line-height value, such as <div style="height:6px; width:6px; line-height:12px;"></div>, then IE6 displayed the same vertical spacing as FF2 and IE7. It solved the problem for me. Hopefully, an application of this solution particular to your problem can help you, too... it was really driving me crazy for awhile. Rick -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Matt Dawson Sent: Saturday, June 30, 2007 2:13 PM To: css-d Subject: [css-d] Does line-height override height in IE6 and lower? Hi all - It may turn out that I need to describe the particulars of my problem, but first I thought I'd try paring the case down to just its bare essentials. I have an unordered list. Each list item is a single word long and has a height of 12px applied to it. However, in IE6, the base line-height I've applied earlier in the document (which is part of a collection of general browser reset rules I use for all my projects) is calculating to a value larger than 12px. In all browsers except IE6 and lower, changing the height does what I expect. That is, if I make the height of the list element 2px, all but 2px of the list element's content disappears. In IE6, because the line-height is calculating to a larger value, changing the height has no effect. Is this part of an already documented bug? I've been googling for a good hour trying to find another documented instance of this, and I can't find anything. Thanks for your help! Matt ______________________________________________________________________ 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/ ______________________________________________________________________ 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/
