HTML5 not picking up correct indent properties of lists

[oceanclub]

I've created a HTML5 skin and in my target, I've set Skin > Skin to point to it and General > Master Stylesheet to the relevant stylesheet.

In the stylesheet I have, for example, the following style for ordered lists:

Code: Select all

ol
{
	list-style-type: decimal;
	margin-left: 2.2em;
	list-style-position: outside;
	color:red;
}

In my PDF output, the lists looks as expected, aligned with the margin but with a hanging indent. In my HTML5 output, it looks like the "list-style-position" is ignored and the whole list is simply indented. Do I need to specify different CSS for PDF output and for HTML4 output?

P.

[lorynj]

Depending on the browser, you may also need to adjust padding-left.