Javascript-форум - никак не разберусь с accordion icons

Здравствуйте!
собственно сабж, не понимаю как нужно прописать CSS чтобы иконки появились..
вот мой CSS:

Код:

.arrnormal {background:url(images/arrow_normal.gif) 5% 50% no-repeat;z-index:1000;}

.arractive {background:url(images/arrow_active.gif) 5% 50% no-repeat;z-index:1000;}

.left_menu span {display:block;line-height:25px;width:250px;font-weight:bold;margin-bottom:3px;background:#ccc;z-index:200;}

.left_menu span a {display:block;width:217px;padding-left:33px;color:#fff;text-decoration:none;z-index:300;}

.left_menu span a:hover {text-decoration:underline;}

вот HTML:

<div class="left_menu" id="accordion">
<span><a href="SITE.RU">ЗАГОЛОВОК</a></span>
<div>
<ul>
<li class="menu"><a href="SITE-CATEGORY-URL">item1</a></li>
<li class="menu"><a href="SITE-CATEGORY-URL">item1</a></li>
<li class="menu"><a href="SITE-CATEGORY-URL">item1</a></li>
<li class="menu"><a href="SITE-CATEGORY-URL">item1</a></li>
</ul>
</div>
................
</div>

вот jQuery:

$("#accordion").accordion({
		header: "span",
		icons: { 'header': 'arrnormal', 'headerSelected': 'arractive' },
		autoHeight: false,
		navigation: true,
		active: false,
		clearStyle: true,
		collapsible: true
    });

видимо я не так понял принцип появления этих иконок, думаю что идет addClass к классу span, может ошибаюсь...

Буду благодарен тем кто поможет!!!