Menu déroulant a partire d'une image

Bonjour a tous, il y a quelque temps de cela j'avais trouver un menu déroulant et je l'ai installer sur mon site, mais aujourd huis j'ai changer le site et j'aurai aimer a partir de se code ci (qui et une image) mettre un menu déroulant

<img border="0" id='button830' width="120" height="40" src="http://www.xyz.as/test/bouton/button99779721.png"
onmouseover = 'document.getElementById("button830").src = "http://www.xyz.as/test/bouton/button76071448.png"'
onmouseout = 'document.getElementById("button830").src = "http://www.xyz.as/test/bouton/button99779721.png"' />

j'ai bien tester de mettre un menu déjà préfabriquée et de rajouté ce code mais le menu ne marcher plus, ensuite j'ai tester de recopier un menu déroulant et d'y inclure se code mais la c'est l'image qui n'apparaissais plus.

ma question et la suivante, comment introduire ce-ci dans un menu déroulant ? et a quel endroit ?

merci d'avance pour vos réponse.