Sent by Philippe Wittenbergh on 21 March 2006 01:01
On Mar 21, 2006, at 7:18 AM, Gunlaug Sørtun wrote:
> Paul Kaye wrote:
>> I've styled the list items on this page to have padding-bottom of
>> 3px; they look fine in DW8 and FF 126.96.36.199, but there's too much of a
>> space between list items in IE6. I just can't work out why. Can
>> anyone help?
> Wish I could but the font-size is too small in IE6, and once I had
> resized it to a suitable level all differences was gone.
For some reason beyond my understanding, IE 6 seems to believe there
is a much bigger line-height than in Firefox or Opera.
Explicitly specifying a line-height for the <li> (I used line-height:
1.3) brings all browsers in line.
(and strangely, when I resize the text - setting it to 12px or 14px,
the problem seems to vanish).
The problem can also be fixed by specifying font-size and line-height
Moral of this story: don't leave IE on its own, it becomes helpless
and does all kind of weird things.
IE7b2 testing hub -- 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/