HTML ahref on Internet Explorer

Question

So this is my HTML code

<header>
<a href="index.htm"><img src="images/logo.png" alt="Affandi" /></a>
</header>

I dont have any problem with it, when I open it on Chrome, Opera, and Firefox. But then, when I try to open it on Internet Explorer!

This is what happen

I dont know why suddenly my logo has a gray border if I open it on Internet Explorer.

Please tell me if you have a solution, I'm totally new on this html coding. *And sorry for my bad English writing.

Thank you all! :)

Answer 1

Just add a attribute "border" to tag IMG.

<img src="images/logo.png" alt="Affandi" border="0" />

Answer 2

You have to delete the border.

Try this in html :

<header>
<a href="index.htm"><img src="images/logo.png" border="0" alt="Affandi" /></a>
</header>

Or in css:

<header>
<a href="index.htm"><img src="images/logo.png" style="border:none" alt="Affandi" /></a>
</header>

Answer 3

Try adding:

header a {
    border:none;
}

Or simply:

a {
    border:none
}

If you dont want the border on any of your links in IE. IE is known for adding borders around links, and many reset.css files will handle this for you out of the box.

Also see:

How to remove borders around links in IE?

Answer 4

try making img border equal to zero in your css