Alignez verticalement petites balles avec plus de texte

J'ai une liste avec des balles. J'ai fait les puces plus petites, en mettant le li texte à l'intérieur d'un span et de faire une taille de police de la li plus petite que celle de la durée. Le problème est que maintenant les balles ne sont pas alignés verticalement par rapport au texte. Comment puis-je régler ce problème?

HTML:

<ul>
    <li><span>text1</span></li>
    <li><span>text2</span></li>
    <li><span>text3</span></li>
    <li><span>text4</span></li>
</ul>

CSS:

li{
    font-size: 15px;
}
li span{
    font-size: 25px;
}

jsFiddle: http://jsfiddle.net/tXzcA/

OriginalL'auteur dmr | 2013-01-15