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