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



Valid HTML 4.01! Valid CSS!