how to remove blue border around links in IE9?

Question

I'm working on this site: http://amberdreams.com

This is a pretty simple site, and I've been using netrenderer.com to make sure that all the pages work in Internet Explorer.

Despite my best efforts, I have not been able to remove the blue border around the facebook and twitter links on the home page for this site when viewing it with Internet Explorer 9.

img {border: none; }
a img {border: 0px; }

I've tried variations of the code above, and it successfully removes the blue border for every version of IE except 9. Any ideas?

Answer 1

Try this in your CSS, worked for me.

img {text-decoration: none; border: 0px}

Answer 2

Try the following instead in your css:

border-style:none;

That should remove your border issue.