Хлебные крошки убрать » и поставить рисунок

Как в хлебных крошках надо убрать » >> ? И вместо него поставить рисунок.

Попытался вместо $_['text_separator'] = ' » '; поставить
$_['text_separator'] = '<span class="chevron"/></span>'; и в css указал путь к рисунку. Но все без результатно.

 

В CSS сделайте не много по другому ниже готовый пример:

PHP:

.breadcrumb
{
color: #DEEBF7;
background: #F4F4F4;
padding: 5px 0;
margin-bottom: 12px;
}
.breadcrumb A
{
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-size: 10px;
color: #B7B3B3;
padding: 5px 20px 5px 10px;
margin-right: -3px;
white-space: nowrap;
background: url(../image/breadcrumb.png) no-repeat center right;
-webkit-transition: color .2s;
-moz-transition: color .2s;
transition: color .2s;
}


 

путь к текущей странице вида "Главная > Категория > Товар-001"