is there any way to do a rollover image thing using css and be accessible ?

I want a different bg image for each link ... I thought I'd got there (see a rough http://chant4.co.uk/dodo/ ) which look ok in ie 5.5 but screws up in netscape and opera and I guess ie 6 too ..

any suggestions ?


Ritsos

of course...

a:link {
  background-image: url(off.gif);
}

a:hover {
  backgorund-image: url(on.gif);
}

i use it here - http://www.karinnelegault.com/widows-walk/ - i suggest you had an image preload script tho... i haven't gotten around to that yet.

hth