Question

I’ve been debugging my html/css webpage in google chrome. When I decided to take a look at it in Internet Explorer I discovered that the pictures in my header all have grey “frames” around them. Each picture is added like this:

 .menuItem {
margin: 0px 10px 0px 10px;
}

<a href='input.php' class='menuitem'><img src="icons/pic.png"/></a>

How do I get rid of these frames?

All answers appreciated.
Thank you in advance.

Answer 1

Are your images nested in an anchor tag? E.g:

<a href="#">
   <img />
</a>

If so this may be a default link border.

Try setting this in your css:

a img {
   border:0;
}