sulla voce stessa bastano i css

a {background: silver url(tuoSfondo.gif)}
a:hover {background: gray url(altroTuoSfondo.jpg)}

per l'altra occorre un javascript collegato ad onmouseover sulla voce, ma forse è più semplice farlo con un'immagine che non uno vero sfondo, perché dici sfondo, per queste cose di solito immagini comuni. Sempre coi css alla tua immagine dai un:

#TuaImmagine {position:absolute;
bottom:0;
right:0;
display:none;/*oppure visibility:hidden dipende da come ti serve*/}

e poi ti serve una funzione, cioé io farei così(per quel che saprei fare).


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>SetteBubu</title>
<style type="text/css">
a {background: silver url(tuoSfondo.gif)}
a:hover {background: gray url(altroTuoSfondo.jpg)}
#TuaImmagine {position:absolute;
bottom:0;
right:0;
display:none;/*oppure visibility:hidden dipende da come ti serve*/}
</style>
<script type="text/javascript">
var appaio =new Array ('block','none');
function Ciao(cucu){
var imm=document.getElementById('TuaImmagine');
imm.style.display=appaio[cucu];
}
</script>
</head>
<body>
poi alla voce gli dai un tuo link
[img]Smarte.jpg[/img]
</body>
</html>