Mil disculpas. Releo el comentario original y yo tampoco veo que digas que lo estés usando. Uso una página de prueba para pegar los códigos y ver el resultado en el navegador. Seguro que se me olvidó borrar el CSS de la prueba anterior.
Se pueden usar las propiedades CSS siguientes para listas:
list-style-type Permite seleccionar el tipo de viñeta entre los siguientes: [ disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none ]
Los tres primeros valores son los habituales para <ul> y el resto, salvo none, para <ol>. El valor lower-roman o lower-alpha son alternativas habituales al valor decimal por defecto en listas ordenadas.
list-style-image Permite usar una imagen en lugar de las viñetas habituales.
[ url("http://...") | none ]
list-style-position Posición de la viñeta. Los valores son: [ inside | outside ]
list-style Permite establecer el estilo de la lista, la imagen y/o la posición. Es una abreviatura para incluir todas las propiedades anteriores en una sola línea.
[ <list-style-type> || <list-style-position> || <list-style-image> ]
Los valores encerrados entre corchetes [ ] y separados por barras verticales | indican que son alternativas a escoger. Sólo se puede usar un valor de entre los que aparecen.
Los valores separados por dos barras || indican que son valores opcionales, que pueden aparecer o no.