il css che ci interessa andrebbe scritto così
codice:
a:link {
    color: #808080;
    text-decoration: none;
    font-weight: bold
} 
a:visited {
     color: #808080
} 
a:hover, a:active, a:focus, #sel {
     color: #ffffff;
     outline: none
} 
a:link img, a:visited img {
     border: 5px solid #808080
} 
a:hover img, a:active img, a:focus img, #sel img, #sel:hover img {
     border: 5px solid #ffffff;
     outline: none /*questa riga è ridondante nella speranza
 che vada a colpire dove desideriamo, si può comodamente cancellare*/
}
come vedi è il tuo codice, soltanto che ho ragruppato le situazioni che vogliamo gestire
se "outline none" non funziona su explorer prova a chiedere in javascript se sanno come fare

nell'html dovresti dare:
1) id="sel" al primo link o comunque a quello attivo
2) id="links" al contenitore(genitore) dei link
e usare il javascript che ti ho postato prima
se questo ha già un id devi cambiare nel javascript "links" con quello che ti serve

ti ho fatto un esempio con frameset