Con menos código sería así:
Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sin título-1</title>
<script>
function abre_la_lista_de_reproduccion(e){
var obj = document.getElementById('lista_de_reproduccion');
obj.style.display="block";
}
function oculta_la_lista_de_reproduccion(e){
var obj = document.getElementById('lista_de_reproduccion');
obj.style.display="none";
}
function cambio_la_musica(algo){alert(algo)}
</script>
</head>
<body>
<img src="1.jpg" width="50" onmouseover="abre_la_lista_de_reproduccion(event)">
<div style="display:none" id="lista_de_reproduccion" onmouseover="abre_la_lista_de_reproduccion(event)" onmouseout="oculta_la_lista_de_reproduccion(event)">
<li onClick="cambio_la_musica(1)">Throught the fires and flames - Dragon Force</li>
<li onClick="cambio_la_musica(1)">Hyper Ballard- Bjork</li>
<li onClick="cambio_la_musica(1)">Give ir all - Rise Against</li>
</div>
</body>
</html>
Para saber por qué pasa, leete esto:
http://kusor.net/traducciones/brainj...vents1.es.html