Rimuovere il Bordo dai Link quando ci passa sopra il mouse

[BuDuS]

E' da un po' che sto cercando ovunque, ho già provato qualche decina di soluzioni, ma non ci cavo i piedi.


Premessa: Uso Joomla 2.5 con tema Beez2 leggermente pesonalizzato (uso una copia)



Il mio problema si presenta su Windows/IE (ma anche Opera, mentre, su Mac OS non c'è): in un articolo ho messo un'immagine, l'ho trasformata in un link ma, quando ci passo sopra con il mouse, appare - sotto - una "linea blu" che io non voglio.

Si tratta del comportamento di default di tutti i link (anche quelli testuali, diventano evidenziati in blu) che, altrove, mi sta bene, ma non voglio che ciò avvenga per quell'immagine in particolare, per la quale, ho previsto una modifica della stessa aggiungendo direttamente nel tag HTML questo codice:

Codice: [Seleziona]

onmouseover="this.src='images/crea_manuale_102_focus.jpg';" onmouseout="this.src='images/crea_manuale_102.jpg';"


per fare in modo che essa stessa cambi al passaggio del mouse.


A me sarebbe piaciuto mettere nel codice del link (ho notato che si può fare anche dalle proprietà avanzate dell'editor degli articoli) una roba tipo:

Codice: [Seleziona]

style="qualcosa"
ma non sono riuscito a trovare un qualcosa che risolva il problema, quindi, chiedo il vostro aiuto

[giovi]

{border:0 none}?

se posti un link al sito ci faciliti i test

[BuDuS]

{border:0 none}?

se posti un link al sito ci faciliti i test

Temevo non si potesse fare, eccolo: http://haccp.joomlahost.it


Se visualizzo il codice incriminato a seguito della modifica vedo questo:

Codice: [Seleziona]

<td class="system-pagebreak"><a href="crea-manuale-haccp.html" style="border: 0 none;"><img src="images/crea_manuale_102.jpg" border="0" alt="Crea Manuale a 102 Euro + IVA" onmouseover="this.src='images/crea_manuale_102_focus.jpg';" onmouseout="this.src='images/crea_manuale_102.jpg';" /></a></td>
dove è possibile notare che ho aggiunto:

Codice: [Seleziona]

style="border: 0 none;"
che però non mi risulta funzionare [/code]