onClick event überlagert CSS a:hover

[michel]

ja klar hab den bei mir auch für andere Browser gemacht...
wollt jetzt nur keinen unötigen quelltext hier reinhaun
und das mit dem unterstrich macht keine probleme im IE.

also hier meine CSS (also einn auszug davon):

a.pfeil       {display:block;
                background-image:url(../images/navigation/button_grün_pfeil.gif);
                  text-decoration:none;
                width:146px; height:19px }
   a:hover.pfeil  {background-image:url(../images/navigation/button_grün_pfeil_on.gif);}

hier meinn Komplettes JavaScript:

var i = 0;
function switchactive(Layer_Name)
{
  if(i==2)
  {
   i=0;
  }
  var GECKO = document.getElementById? 1:0 ;
  var NS = document.layers? 1:0 ;
  var IE = document.all? 1:0 ;

if(i==0)
  {
     if (IE)
       {
        document.all[Layer_Name].style.backgroundImage='url(../images/navigation/button_grün_pfeil_on.gif)';
       }
  }
  else
  {
   if (IE)
       {
        document.all[Layer_Name].style.backgroundImage='url(../images/navigation/button_grün_pfeil.gif)';
       }
  }
  i=i+1;
}

ok hier is jetzt auch nur fürn IE aber das is ja erstmal wurscht
hoffe kannst was mit anfagen...
wäre dir für jeden tipp unendlich dankbar