CSS:hover + JS-nefunguje

v kratkosti mam script:

<script>

aktualny='p1';



function mClick(idcko){

document.getElementById(aktualny).style.backgroundPosition="0px 0px";

document.getElementById(idcko).style.backgroundPosition="0px -30px";

aktualny=idcko;

}

</script>

...

<style>

#A{

background: green url('bg.png') 0px 0px no-repeat;

}

     #A:hover{

background-position: 0px -30px;

     }

</style>

...

<a href="#" onClick="mClick('m1');" id="m1">a</a>

<a href="#" onClick="mClick('m2');" id="m2">a</a>[/

problem je v tom, ze ak sa klikne na "m1" a potom na "m2" na "m1" uz nasledne po posobeni JS nefunguje hover. mozem to riesit cez onMouseOver a onMouseOut, ale tym dost narastie kazdy riadok/je ich asi 10/
otázka znie: dá sa to nejak spravit??

ee, javascript ukazuje tu, ktora je aktualna/na ktoru sa naposledy kliklo/ a hover ukazuje tu, na ktorej je mys