Troca de imagem no a:hover

[Arrasted 0]

Link

<li><a href="#"><img src="img/setaA.jpg" width="12" height="10" border="0"> Home</a></li>

 

Tenho outro desenho para o a:hover, como coloco? coloco direto no css

ulf li a:hover{background-color:#F6F9F0; color:#508127; border-bottom:1px solid #E0EED4;} - coloco ele aqui, se sim. Como ?

 

grato

[pa_bruno 0]

arranca a img do html e coloca tudo pelo css... ;)

ul li a{background: #F6F9F0 url(img/setaA.jpg) no-repeat;color:#508127;border-bottom:1px solid #E0EED4;height: 10px;line-height: 10px;padding-left: 15px;}ul li a:hover{background: #F6F9F0 url(img/setaB.jpg) no-repeat;color:#508127;border-bottom:1px solid #E0EED4;}<li><a href="#">Home</a></li>

o padding eh pra deixar o texto do lado da figura... caso precise de mais, eh soh aumentar... ;)