Defining starting number of an OL list with CSS

The HTML attribute start has been deprecated. How can you define the starting number with CSS? You have to use a counter, which as of this writing works only in Opera.

The CSS

This is the CSS required to start with the number 10.

ol {counter-reset: start 9}
li {display: block }
li:before {content: counter(start) ". "; counter-increment: start}

The Result

This is how the ordered list is rendered in your browser (it should start with the number 10.)

1. first
2. second
3. third

Screenshot in Opera 7.20