Sería algo así. (esque estoy en el pc del trabajo, mis cosas están en el portátil)
<img src="icono_expandir.gif" onmouseOver="abre_la_lista_de_reproduccion()">
<div id="lista_de_reproduccion" onmouseOut="oculta_la_lista_de_reproduccion()">
<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>
.... (más)
</div>
--------- codigo javascript ----------
abre_la_lista_de_reproduccion(){
var obj = document.getElementById('lista_de_reproduccion');
obj.style.display="block";
}
oculta_la_lista_de_reproduccion(){
var obj = document.getElementById('lista_de_reproduccion');
obj.style.display="none";
}
-------- css -------
En el css solo tengo definido unos márgenes,el display:none, color de fondo, y el tamaño del div.