html and css madness

[Craig White]

I am working through the pages w3.org and think I am finding some
inconsistency.

FWIW, I am using Firefox 1.5.0.7

My first issue - the simpler issue.

Using <OL> tags which are nested several levels (4 or 5), the numbering
breaks on the third nested level if I enclose my list items like:
 <LI>Some Item</LI>

If I omit the closing </LI>, they number correctly

Has anyone else noticed this?

Secondly and much more important - and actually the reason I am writing
this...

Using stylesheets is the recommended method for declaring types of <OL>
(upper-roman, lower-roman, upper-latin, lower-latin, etc.) Using tags
declared like

<OL TYPE=I> (upper-roman)
<OL TYPE=A> (upper-latin)
<OL TYPE=i> (lower-roman)
<OL TYPE=a> (lower-latin)
all work as expected but the w3.org says these tags are deprecated which
is why I want to use the css methodology...but I can't make it work.

for example...my css...

LI:before {
    content: counter(item) ". ";
    counter-increment: item;
  } 
LI { display: block }
LI:before { content: counter(item) ". "; counter-increment: item }
ol.romanupper {
    list-style-type: upper-roman;
    color: blue;
  }
ol.romanlower li {
    list-style-type: lower-roman;
    color: green;
  }
ol.alphaupper li {
    list-style-type: upper-alpha;
    color: red;
  }

some sample html code...
	<ol class="romanupper">
		<li>Quality Management Systems Manual == BLUE?
		<ol class="alphaupper">
			<li>Rights, Responsibilities and Ethics == RED?
			<li>Continuum of Care
			<ol class="romanlower">
				<li>Utilization Review == GREEN?
				<li>Initial Screening-Assessment
				<li>Treatment Planning
				<li>Transfer-Discharge
			</ol>
			<li>Education

The display shows the colors for only the first 2 levels...the alpha
upper green is red and in all cases, the <OL> numerals are simply the
standard numerals in all cases.

Is this a Firefox issue, an HTML 4.01 issue or PEBKAC issue?

Craig