I am sure I am missing something painfully obvious here, but since I am new to CSS, that would not surprise me. In CSS referenced from an XHTML page I have the following paragraph definition:
Code:
pnum{
	display:list-item;
	list-style-type:decimal;
	list-style-position:outside;
	font-style:normal;
	font-weight:normal;
	font-size:12pt;
	color:#000000;
	margin-left:.25in;
	margin-right:.25in;
	margin-top:.5em; 
}
In Chrome it displays perfectly, each paragraph has an incremented number. In Firefox all numbers are "0". I played also with a named counter and used:
Code:
pnum:before{
	content:counter(para-counter,decimal);
}
but that defeated "list-style-position: outside", and counters were embedded into paragraph text. How can I increment the counter so that it looks in Firefox the same as in Chrome?

What am I missing (besides a subforum for stark beginners )?