Как сделать навигационную панель, как WikiHow? Продолжение

Question

Я хочу, чтобы navbar, как WikiHow (с изображением сверху и текстом внизу), и когда мышь наводится на кнопку, я хочу, чтобы значок изменился на другой значок. Но как мне это сделать?

Так что, когда кнопка наводится, я хочу, чтобы изображение изменилось на другое изображение.

http://jsfiddle.net/JmZbG/3/

... 

Answer 1

Вы должны использовать :hover с другим изображением, которое вы хотите. Я выбрал 1 из Google, только для примера.

li:hover .nav_icon { 
    background: url('http://enews.cityyear.org/customer_images/32/wordpress-icon-small.jpg');   
} 

DEMO