Problem med rollover menu

Jeg har lavet en rollovermenu bestående af 7 individuelle billeder som links.
Hvert link er sat op på følgende måde:

<a href=press.html target=main onMouseover="link6.src='graffics/6on.gif'" onMouseout="link6.src='graffics/6off.gif'"><img name=link6 STYLE="position:absolute; TOP:18px; LEFT:715px;" src=graffics/6off.gif position=right border=0></a>

Den aktive menu kan ses på www.yearhousetrackroads.dk/test.html

Mit problem er, at få det aktive link til at vises som i Mouseover-stadiet.

Jeg har forsøgt mig lidt med a:hover og a:focus i mit stylesheet, men da det som sagt er 7 forskellige knapper med forskellig placering, bliver det for en gangs skyld mere komplekst end med mouseover/mouseout.

Desuden efterlader a:focus en irriterende stiplet ramme, så det modarbejder ligesom hele ideen.

Er det en fuldstændig umulig opgave jeg har sat mig for? Det lyder bare for enkelt til at være så besværligt.