Re: Nested lists, Font Sizes, IE

by "Tim Rivera" <lists(at)timrivera.com>

Date:	Fri, 24 Jan 2003 06:05:30 -0500
To:	"Nigel Peck - MIS Web Design" <nigel(at)miswebdesign.com>, <hwg-style(at)hwg.org>
References:	miswebdesign
	todo: View Thread, Original

> I'm setting a font-size of 80% on my list items (li). IE keeps using 80%
of
> the previous list item's size on nested lists so the text gets smaller at
> each level of nesting.

Of course, EM's and percentages are values determined by the parent element.
If you nest lists, each list will be 80% of the parent list font size. (For
my quick test, this was true in IE6, Mozilla 1.2.1, and Opera 7b2.)

A way to get around this would be:

li {font-size: 80%}
li li {font-size: 100%}


Tim

HWG hwg-style mailing list archives, maintained by Webmasters @ IWA