<div class="content">
<ul class="menu">
<li class="leaf"><a href="/drupalv1/?q=node/1">Bienvenidos</a></li>
<li class="expanded"><a href="/drupalv1/?q=node/3">Historia</a>
<ul class="menu">
<li class="leaf"><a href="/drupalv1/?q=node/4">Fechas Importantes</a></li>
<li class="leaf"><a class="active" href="/drupalv1/?q=node/5">Años 60</a></li>
<li class="leaf"><a href="/drupalv1/?q=node/6">Años 70</a></li>
<li class="leaf"><a href="/drupalv1/?q=node/7">Años 80</a></li>
<li class="leaf"><a href="/drupalv1/?q=node/8">Año 1986 - S. XXI</a></li>
</ul>
</li>
<li class="leaf"><a href="/drupalv1/?q=node/9">Dimensión Social</a></li>
<li class="leaf"><a href="/drupalv1/?q=node/10">Sociedades</a></li>
<li class="leaf"><a href="/drupalv1/?q=node/11">Industrias</a></li>
<li class="leaf"><a href="/drupalv1/?q=node/12">Cifras</a></li>
</ul>
</div>
tengo este codigo y me gustaria que la lista primera tubiera un punto y la segunda tuviera un cuadrado, manteniendo estos nombres ¿es posible?