Problema style.display

[ultimateshadow]

Ciao a tutti,

non essendo un genio nelle spiegazioni vi linko il problema

al passaggio del mouse sulla stellina rossa dovrebbe sparire la stellina rossa e comparirne 5 grigie (segnaposto). Le funzioni javascript che ho usato sono le seguenti comunque nel link che ho postato sopra se guardate la source della pagina c'è tutto: html, css e javascript!

<script type="text/javascript">
function impl(x){
	var i = document.getElementById("imp"+x);
	var e = document.getElementById("exp"+x);
/*	alert(i.style.display.toString()+" | "+e.style.display.toString());	*/
	i.style.display='inline';
	e.style.display='none';
/*	alert(i.style.display.toString()+" | "+e.style.display.toString());	*/
}

function expl(x){
	var i = document.getElementById("imp"+x);
	var e = document.getElementById("exp"+x);
/*	alert(i.style.display.toString()+" | "+e.style.display.toString());	*/
	e.style.display='inline';
	i.style.display='none';
/*	alert(i.style.display.toString()+" | "+e.style.display.toString());	*/
}
</script>

Il problema è che la stellina rossa sparisce ma il div che dovrebbe comparire al suo posto non compare... perché!?