Ultimate New Media, Inc

Internet Explorer with CSS :hover

I discovered an interesting thing about Internet Explorer today while trying to change the border color of an image on mouseover.  IE only recognizes :hover on links, or <a> tags. So, something like this, which works perfectly fine in other browsers, will not work in IE:

a img {
border:1px solid #581C00;
}

a img:hover {
border:1px solid #ffffff;
}

To make this work in IE it needs to be done as follows with the :hover applied to the a tag:

a img {
border:1px solid #581C00;
}

a:hover img {
border:1px solid #ffffff;
}