с помощью css нужно добавить символы в меню

[modest_man]

необходимо сделать меню

имеется вот такой html код

<div class="content">
	<ul class="menu">
		<li class="leaf first active-trail"><a href="#" class="active">Домашняя страница</a></li>
		<li class="leaf"><a href="#">Розничная торговля</a></li>
		<li class="leaf"><a href="#">Оптовая торговля</a></li>
		<li class="leaf"><a href="#">Услуги</a></li>
		<li class="leaf last"><a href="#">Координаты</a></li>
	</ul>
</div>

я могу изменять только CSS.

Подскажите как добавить к каждому пункту меню справа символ ">" ? Пробовал сделать так:

.leaf:after{
	text-align:right;
	content:">";
}

но символ ">" появляется сразу же после текста, а надо чтобы был отступ

[psywalker]

Подскажите как добавить к каждому пункту меню справа символ ">" ? Пробовал сделать так:

Код

.leaf:after{

text-align:right;

content:">";

}

но символ ">" появляется сразу же после текста, а надо чтобы был отступ

Боюсь, что ИЕ6-7 такое не поймёт, поэтому лучше делай фоном у ссылки или у LI

[modest_man]

psywalker, спасибо, получилось. Что-то я сам не догадался ;-)

[psywalker]

psywalker, спасибо, получилось. Что-то я сам не догадался ;-)

Не за что, но странно, что ты догадался о content:">"; и не догадался о простом фоне