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:
codice:
      <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:
codice:
#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;
}