This page uses simple valid
HTML using nested ULs and a single valid
CSS item:
LI
{ border-left: 5px solid red; padding: 2px 2px 2px 6px; }
It does not render correctly in any version of Internet Explorer I
have been able to test. It works fine in Mozilla and Safari. In
IE, each list item causes the left margin to move to the left, causing
the paragraphs to begin off the page, and the list items to begin
outside their box. If you remove the border-left from the CSS
specification the problem goes away. If you remove the padding a
different rendering bug is produced. (Feel free to email me about this issue, let me know
if you tested this with other browsers. 6-9-04)
Paragraph
Paragraph
Paragraph
Paragraph
Paragraph
Paragraph
Paragraph