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;
}

IE Browser Testing to the Max

Ever needed to test your website in IE 6 but currently have IE 7 (or soon IE 8) installed?

Check out this website: http://tredosoft.com/Multiple_IE

You can install all versions of IE prior to IE 7 (IE 6.0, IE 5.5, IE 5.01, IE 4.01 and IE 3.0) – pretty useful tool for testing.