I am trying to create a rather simple effect on a set of images. When an image doesn’t have the mouse over it, I’d like it to have a simple, gray border. When it does have an image over it, I’d like it to have a different, ‘selected’, border.
The following CSS works great in Firefox:
.myImage a img { border: 1px solid grey; padding: 3px; } .myImage a:hover img { border: 3px solid blue; padding: 1px; }
However, in IE, borders do not appear when the mouse isn’t hovered over the image. My Google-fu tells me there is a bug in IE that is causing this problem. Unfortunately, I can’t seem to locate a way to fix that bug.
Try using a different colour. I’m not sure IE understands ‘grey’ (instead, use ‘gray’).