Image Rollovers with css

Question

I'm trying to have an image where as you roll over it the
border colour changes. The problem is the code works in firefox and
opera but not in Internet Explorer. In Internet Explorer the hover
part doesn't work at all. Thanks in advance for any help.

Answer 1

IE only does the :hover pseudo-class on links.
Try making the images into links and adding the link to the
selector -
> #rightlink a img{
> border: 1px solid red;
> }
> #rightlink a:hover img{
> border: 1px solid blue;
> }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"spd998" <[email protected]> wrote in
message
news:fhuqo2$noj$[email protected]..
> I'm trying to have an image where as you roll over it
the border colour
> changes. The problem is the code works in firefox and
opera but not in
> Internet
> Explorer. In Internet Explorer the hover part doesn't
work at all. Thanks
> in
> advance for any help.
>
> #rightlink img{
> border: 1px solid red;
> }
> #rightlink:hover img{
> border: 1px solid blue;
> }
>