Firefox: tratteggio su una map di una immagine

[raffax79]

Ciao ragazzi mi chiamo Francesco e sono nuovo del forum e anche un novizio dello sviluppo di siti.
Ho questo problema: ho inserito in un sito una immagine con associata una map con due aree (due differenti link).
Con Chrome tutto bene.
Con Internet Explorer quando clicco su un'area della mappa mi appariva un bordo tratteggiato. Ho risolto con onFocus='this.blur()'

Su Firefox (13.0.1), invece, il bordo sul'area della mappa continua a rimanere, qualsiasi cosa io faccia.
Le ho provate davvero tutto sopratutto sul CSS
a:focus, a:active {outline:none !important;}
a::-moz-focus-inner {border:0 !important;}
etc. etc. (ne ho provate davvero tante).

Finora nessun risultato. Qualche suggerimento?

P.S.: il sito include una libreria JQuery che mi serve per una semplice animazione. Può essere un problema?

[raffax79]

Davvero nessuno ha idea di come si faccia?
preggovi....

la pagina è questa:
http://www.vitruvioman.com/prova/index.html

La map è nel logo

[Prill]

il sito include una libreria JQuery che mi serve per una semplice animazione. Può essere un problema?

in effetti è così, provando su una mia mappa immagine nessun bordo sull'area, se sulla tua pagina disattivo nel browser javascript il bordo scompare.
Cosa influisca non so.
Prova così e dicci se ci sono cambiamenti

map, area, img {
outline:0;
border:0;
text-decoration:none;
}

[Prill]

Quando provi elimina le due ricorrenze di onFocus='this.blur()' , pare proprio questo il problema in Firefox, anche se sembra strano

[raffax79]

Grazie Prill!!
sei stato preziosissimo.
In effetti il problema è proprio di onFucus='this.blur()'
togliendolo tutto funziona bene su IE9 chrome e FF.
Ovviamente il tratteggio rimane su IE8 (avevo messo la funzione javascript apposta).
Che strano che FF abbia questo problema...

Ad ogni modo grazie ancora!

[raffax79]

Ciao!
ritorno sull'argomento:
in realtà quello che succede è molto strano...
dato per scontato di includere una libreria jquery (che mi serve per altre cose) se metto
onFucus = 'this.blur()'
risolvo il problema del tratteggio sull'area della map in IE9 ma compare su FF.
Se tolgo l'istruzione, risolvo il problema su FF ma ricompare su IE9.

Problema irrisolvibile?

[Prill]

Il problema è risolvibile perché puoi impostare uno script che applichi l'istruzione javascript solo su Explorer, ma questo è problema da forum javascript.
Con i commenti condizionali, ma è forse soluzione meno pratica:

<!--[if IE]>
tag con onfocus (contenuto per Explorer)
<![endif]-->


tag senza onfocus contenuto per altri browser