Internet Explorer Image Link Border Issue

Today I was working on a old site that is using a plethora of tables. I needed to create an extension to it with a button. I was getting an annoying outline that only IE would display. Chrome, Firefox, and Opera had no issue with the CSS property:

[cc lang=”css”]

a img{

outline: 0;

}

[/cc]

Internet Explorer decided that it was going to do it’s own thing, and leave an outline on it anyway. Turns out that Internet Explorer interprets it as a border and not an outline property. All I had to do was add “style=”border-style: none;”</” inside of my img tag and the “border” disappeared.

[cc escaped=”true”]

[/cc]