[ghoti]

Hallo,
ich hab die Extension CSS-Styled-Content, die mir für eine Liste folgende Quellcode generiert:

<ul> <li>Punkt 1</li> <li>Punkt 2</li> </ul>

Diese kann ich mit Stylesheets formatieren. Wenn ich das Stylesheet benutze:

UL {
  list-style: square;
  color: #FF0000;
}

Dann werden die Punkte, aber auch der Text rot. Nun habe ich ein Beispiel gefunden http://www.css4you.de/trickkiste/tr00006.html wie ich die Listensymbole in einer anderen Farbe darstellen als den Text.
Wie kreig ich Typo3 dazu, um den Text im li-Tag einen span-Tag zu generieren:

<ul> <li><span>Punkt 1</span></li> <li><span>Punkt 2</span></li> </ul>

Eine andere Idee, die ich vorher hatte, ist eine Grafik einzusetzen, das Stylesheets sieht dann so aus:

list-style-image: url(../images/bullet01.gif);

Das Problem ist dann, dass das Bild im Firefox gut aussieht, im IE allerdings viel zu weit oben angezeigt wird, ich möchte es gerne wenigstens für diese beiden Browser kompatibel haben.
Danke,
ghtoi