how to remove border of a hyper-link image?

Question

<li><a href="#" ><img src="images/hospitality.png" title="" /></a>

Problem- image is getting displayed inside a blue rectangle box in IE and Mozilla but not in Chrome.How can I remove that blue box from IE also?

Answer 1

You can set this CSS to remove the blue border on every image within a link:

a img {
    border: 0;
}

Answer 2

Or add it inline to the img element:

<li>
    <a href="#">
        <img style="border: 0;" src="images/hospitality.png" title="" />
    </a>
</li>