Petit problème avec OnMouseOver()

Bonjour tt le monde

Mon probléme avec mon script JS (je suis débutant en Js) est le suivant :

ma balise <div> ne se remet pas à sont état initial après un OnMouseOver(), pour le faire il faut que j'actualise ma page :/ pourtant le m^m effet avec CSS3 fonctionne très bien voici mon code HTML :

.....
<div id="test" onmouseover="changerLeBackground('test')"> changer le background de cette phrase avec OnMouseOver() </div>
.....

mon code JS (dans un fichier externe) :

function changerLeBackground('id_cible')
{
id_cible = document.getElementById('test');

id_cible.style.backgroundColor = "green";
}

merci d'avance :)