Switched the 'symbolic' example to more clearly illustrate the difference between symbolic and alphabetic lists.

Author: tabatkins

css3-lists/Overview.src.html

@@ -1099,26 +1099,36 @@ <h4>
 	</ol>
 
 	<p>Finally, return <var>S</var>.</p>
-	
+
 	<div class=example>
 		<p>An "unary" counter style can be defined as:</p>
 
 		<pre>
-@counter-style <dfn>unary</dfn> {
+@counter-style <dfn>upper-alpha-symbolic</dfn> {
 	type: symbolic;
-	glyphs: '|';
+	glyphs: 'A' 'B' 'C' 'D' 'E' 'F' 'G' 'H' 'I' 'J' 'K' 'L' 'M' 'N' 'O' 'P' 'Q' 'R' 'S' 'T' 'U' 'V' 'W' 'X' 'Y' 'Z';
 }
 		</pre>
 
 		<p>It will then produce lists that look like:</p>
 
 		<pre>
-|.      One
-||.     Two
-|||.    Three
-||||.   Five
-|||||.  Six
+A.    One
+B.    Two
+...
+Z.    Twenty-six
+AA.   Twenty-seven
+BB.   Twenty-eight
+...
+ZZ.   Fifty-two
+AAA.  Fifty-three
+BBB.  Fifty-four
 		</pre>
+
+		<p class='note'>Note the difference between this and the alphabetic 
+		<i>'upper-alpha'</i> style.  The alphabetic style is identical through
+		27, but then continues with "AB, AC, AD...", and then at 53 begins
+		"BA, BB, BC...", etc.  It doesn't reach three digits until 703.</p>
 	</div>
 
 	<p>The ''symbolic'' type will produce representations with sizes that are