При наведении мышки на ссылку показывается картинка - Вопросы по CSS

 Подскажите, пожалуйста, как сделать, чтобы при наведении мышки на ссылку или пункт меню, появлялась картинка?
К примеру: я навожу мышку на пункт меню "МЯЧ" и мне показывается картинка с мячом.

для hover ссылки в сss пропиши background, например
 

Посмотри вот этот модуль http://extensions.joomla.org/extensions/ads-a-affiliates/banner-management/13329

Rassfox, что-то не получается... Может это и работает, но мне надо в меню, а как задать для каждого элемента меню class?

Есть ссылка на сайт?

а где должна появиться картинка? в пределах ссылки? или вне ее пределов?

допустим <ul class="menu"><li class="item1"><a href="###"><img src="images/picture.png" alt="" /></a></li></ul>

в CSS
.menu a img{display: none;}
.menu a:hover img{display: inline;}

изображение можно вынести за пределы ссылки через абсолютное позиционирование...