Меняющиеся картинки в меню

Всем привет! озадачилась вопросом создания меню из картинок стандартными возможностями joomla 2.5
Вопрос : как сделать так, чтобы при наведении на область меню( одну из картинок ) картинка менялась на другую.
Пример : имеем черно белое меню, при наведении меняется картинка на цветную.

Если меню тип_текст:

ul.ld-hmenu li.item-113:hover a{
color: #FFFF00;
}
При наведении текст спокойно меняется.

Если делаю вместо цвета картинку :
ul.ld-hmenu li.item-113:hover a{
background-image: url('../images/menuitem.png');
}
картинки нет.
----------------------------
с css дружу плохо и джумлу использую всего неделю.
шаблон сделан в артистре, в модуле ничего дополнительного типа" _up" не прописывала.
возможно ли реализовать без установки доп модулей?

 

Спасибо вам огромное! и правда путь был кривой.
Указала:

ul.ld-hmenu li.item-113:hover a{
color: #FFFF00;
background-image: url('http://test.ru/images/123.png');
}

И вроде всё заработало ))

Сейчас буду смотреть, одно но . картинка теперь под картинкой )))

 

Не получилось у меня изменить картинку в ксс , она всё равно под старой появляется .
Решила пойти другим путем.
Значит в фотошопе 1ю картинку делаю полу прозрачную, а при наводе мышкой ставиться картинка 2 с полным цветом.
Так вот, глюк следующий. там где нет разделов под меню, картинка встает нормально и глюков нет, а вот там где выпадающее меню при наведении появляется картинка что и на верху.

/* смена картинок в меню главная */
ul.ld-hmenu li.item-113.active a, li.item-113:hover a{
background-image: url(../../../images/color/123.png);
display: block;
width: 85px;
height: 102px;
padding: 0 0px;
background-position: left top;
}
/* конец */
/* смена картинок в меню о нас */
ul.ld-hmenu li.item-104.active a, li.item-104:hover a{
background-image: url(../../../images/color/a.png);
background-position:no-repeat;
}
/* конец */

 

Не получилось, может не так прописываю(