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;
}
Wednesday, November 11th, 2009 Posted in Uncategorized | No Comments »