[CSS] Link (immagini) senza bordo tratteggiato

[firagaspell]

Ciao a tutti,

apro questo secondo post per un problema diverso da quello riguardante il footer. Ho un menu nel mio sito (clicca qui) ispirato alla dockbar di Mac. L'unico problema è che quando clicco su una delle icone della "dockbar", nel mio browser (firefox) vedo una antiestetica cornice tratteggiata attorno a quella cliccata.

Sto cercando vari metodi per rimuovere questo bordo ma al momento nessuno ha funzionato.

XHTML:

      <div id="navigation">
          <div id="left_border"></div>
          
          
          
          
          
          <div id="right_border"></div>
      </div>

Ogni elemento della "dockbar" è un link con un certo background.

Ecco le id che interessano davvero. (tralasciate il fatto che sto usando più e più volte la stessa id anziche usarla una volta sola. a fine sito rispetterò questa regola)

CSS:

#all #navigation a {
  border: 0px; /* una delle cose provate. Niente da fare */
  border-color: transparent; /* idem */
  border-style: none; /* niente nemmeno qua  :(  */
  width: 73px;
  height: 76px;
  padding: 0px;
  float: left;
}

#all #navigation #programs {
  background: transparent url('img/programs_small.png') no-repeat;
}

#all #navigation #programs:hover, #all #navigation #programs:active {
  background: transparent url('img/programs_big.png') no-repeat;
}

[Bregovic]

magari l'hai già fatto

ma hai messo

img{
border:none;
}

?

ciao!

[Bregovic]

Ho anche appena trovato questo:

a{
outline:none;
}

per rimuovere il bordo grigio tratteggiato su firefox..

ciao!

[firagaspell]

border-style: none; /* già provato: nessun effetto */
outline: none; /* FUNZIONA!!! SEI UN MITO! */