Internet explorer displaying image links with colored border

Question

I have the following CSS code for links:

a {
    text-decoration: none;
    color: #248AC9;
}

a:hover {
    color: #8DCFF7;
}

The problem is that in Internet Explorer, images have a strange border with the same color as 'color'. How can I fix this, and draw images correctly. The HTML code is simple: <a href="calculator-operators.htm"><img src="img/link.png" /></a>

So, how can I fix this problem?

Answer 1

Just specify no border for the images:

a > img{
    border: 0;
}

Answer 2

Use

img {
   border: 0;
}

I would consider using a reset stylesheet, or a normalising stylesheet to provide consistency in styling across all browsers. This fix is part of those stylesheets.

Answer 3

Its an old post i see, but i thought, why not. There is an other solution by using border:none;:

a img {
   border:none; 
}