Не раз я попадал на то что приходится вымучивать одно и тоже и решил создать этот пост!

Вот пример как было создано меню с изображением

В админке

Выбираем нужное меню в модулях ставим плоский список

Теперь оно выглядит так

-Главная
-Товары
-Услуги
в css прописываем

#mainlevel {
margin-top:3px; padding: 0;
margin-left: 0px; }

.module_menu ul li {
list-style:none; margin:0; }

#mainlevel li a.mainlevel {
display:block;
width:150px; height:22px; margin-bottom:3px; padding-left:10px;
background:#3E7156 url(/images/butom.jpg) no-repeat; text-decoration:none;
color:#003366; font-family:Arial; font-weight:bold; font-size:15px; padding-top:3px; }

#mainlevel li a.mainlevel:hover{
display:block; padding-left:30px;
width:130px; height:21px; padding-top:4px; font-size:15px; color:#D7500D;
background:#ffffff url(/images/butomt.jpg) no-repeat;
}

#active_menu {параметры}

Заливаем картинки в images в корне joomla и все работает!