Сьезжает длинный текст пункта меню

[advokatua]

Есть меню в нем пункты, те пункты что очень длинные переносятся, но переносятся ужасно. Вот так:

Ясное дело что надо сделать выравнивание по первой строке.

Меню выглядит так:

<ul class="menu" id="1">
<li class="item13"><a href="/str"><span>Структура</span></a></li>
<li class="item12"><a href="/pr"><span>Правление</span></a></li>
<li class="item17"><a href="/mem"><span>Управление причем очень длинное</span></a></li></ul>

Получается так что текст пункта выравнивается по размеру блока li (вместе с уголком), span тоже принимает размеры li, а вот сама ссылка <а> как раз таки берет свое начало от первой буквы первой строки, а не от синего уголка как предыдущие два.

Перепробовал уже все что угодно, и overflow и list-style-position outside и всякие маржини с паддингами, но пока не пришел к правильному решению.

Может кто знает как укротить это дело?

Спасибо заранее.

[Softlink]

Без css трудно сказать. Непонятно, зачем здесь сразу список+ссылка+спан. Вроде бы нет никаких предпосылок для этого.

На вскидку вариант: треугольник делаем фоном у пункта списка, а ссылку сделать блочной и маржином двигать.

[advokatua]

Сори за CSS. Вот:

#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
	line-height: 18px;
	padding: 0 0 0 8px;
	text-decoration: none;
	color: #666;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	background: url(../images/menu_row.jpg) center left no-repeat;
	margin: 0;
	height: 18px;
}

Почему сделано вложение span и потом в ссылку не знаю ибо это стандартное джумвловское меню которое не я делал. ))

"Ссылку сделать блочной", ты имел ввиду вложить ее в div просто?