¿Como puedo ordenar automáticamente mi menú?

[ninco90]

No me fucniona... Mira mi código completo del menú es este:

Código HTML:

<div id="leftNav"><ul>
<li><a href="Belenes.htm">Belenes</a></li>
<li><a href="Villancicos.htm">Villancicos</a></li>
<li><a href="Arboles.htm">Árboles</a></li>
<li><a href="Juegos.htm">Juegos</a></li>
<li><a href="Recetas.htm">Recetas</a></li>
<li><a href="Sms.htm">Sms</a></li>
<li><a href="Dibujos.htm">Dibujos</a></li>
<li><a href="Emoticonos.htm">Emoticonos</a></li>
<li><a href="Gif y Iconos.htm">Gif y Iconos</a></li>
<li><a href="Bocetos.htm">Bocetos</a></li>
<li><a href="Fondos.htm">Fondos Web</a></li>
<li><a href="Recursos.htm">Recursos</a></li>
<li><a href="Cartas.htm">Cartas</a></li>
<li><a href="Cuentos.htm">Cuentos</a></li>
<li><a href="Fotos.htm">Fotografías</a></li>
<li><a href="Agenda.htm">Agenda</a></li>
<li><a href="Miditeca.htm">Miditeca</a></li>
<li><a href="Mundo del Pesebre.htm">Mundo del Pesebre</a></li>
<li><a href="Musica para Belenes.htm">Música para Belenes</a></li>
<li><a href="Poesias.htm">Poesías</a></li>
<li><a href="Postales.htm">Postales</a></li>
<li><a href="Videos.htm">Vídeos</a></li>
<li><a href="Tutoriales.htm">Tutoriales</a></li>
<li style="border-bottom:none;"><a href="Blog.htm">Blog</a></li>
 
</ul></div></div>
 

Es un menú en CSS, sin JavaScript.