Как задать меню hover сразу три свойства? Или проще - как сделать меню при наведении светящимся? - Вопросы по CSS

у меня шаблон на Joomla 2.5 ja edinite

в настройках стилей шаблона выбран файл mega.css

поэтому редактирую его.

Вот у меня прописано:

.ja-megamenu li a.active, .ja-megamenu li a.active:active, .ja-megamenu li a.active:focus {
   background: #2caadd url(../../images/grad2-2.gif) 0 0 repeat-x;
   color: #fff;
}

Ниже я прописала код для того, чтобы при наведении на активное выделенное меню оно менялось цветом. Файл grad2-1.gif у меня просто оранжевый размером 2х64px

.ja-megamenu li a.active:hover {
   background: #feb01c url(../../images/grad2-1.gif) 0 0 repeat-x;
   color: #fff;
}

Но мне надо добавить слева и справа от картинки grad2-1.gif (которая повторяется на всю длину кнопки меню) вставить другие картинки, которые будут повторяться всего один раз, ну например в таком порядке: картинка1 (5х64px) картинка grad2-1.gif которая повторяется до конца и картинка2(5х64px) которая тоже повторяется всего один раз. Как это сделать?

На картинках 1 и 2 у меня изображено свечение для кнопки.

Use JS.