Здравствуйте. Имею следующий разметку:
<div class="navigation"><div class="navigation-inner">
<div class="navigation-rightRound"></div>
<ul id="navigation">
<li class="nav-first"><a href="#"><span>Главная</span></a></li>
<li><a href="#"><span>О нас</span></a></li>
<li class="nav-active"><a href="#"><span>Услуги</span></a></li>
<li><a href="#"><span>Новости</span></a></li>
<li class="nav-with-subnav">a href="#"><span>Статьи</span></a>
<ul>
<li><a href="#">Массаж</a></li>
<li><a href="#">Услуги</a></li>
<li><a href="#">Программа</a></li>
<li><a href="#">Психоцветосоматика</a></li>
</ul>
</li>
<li><a href="#"><span>Лицензии</span></a></li>
<li><a href="#"><span>Вопрос/Ответ</span></a></li>
<li><a href="#"><span>Контакты</span></a></li>
</ul>
</div>
</div>
Как сделать так, чтобы элементы второго уровня, в отличии от первого, не имели тег <span></span>???
Благодарю за внимание.