June 26, 2007
Standalone List Items in IE and Firefox
I ran into an annoying diference in the way IE7 and Firefox render pages. List items (<li>) not enclosed in a numbered or unnumbered list (<ul>, <ol>) display differently when the list is of type “none.” In IE, each list item’s first line will be indented, while in Firefox there is no indent. Setting margin or padding does not change this. The below code sample demostrates this issue.
<HEAD>
<STYLE type=”text/css”>
li {list-style: none;}
</STYLE>
</HEAD><BODY>
<LI>foo
<LI>bar
<LI>foobar</BODY>
