link border shows up in IE

[amberfrances]

I've got some picture links that show the classic blue border in internet explorer, but not in other browsers, (firefox and safari) how can i get rid of this? right now, i've got something like:

a:link {
color: #FFFFE0;
}
a:visited {
color: #FFFFE0;
}
(because the background is #FFFFE0) any ideas?
i also tried setting border:0px, no help

[wamboid]

img {
border-style: none;
}

Put it in a class if you have other images that you want a border on, or just do the above for all images if you want no borders at all.

[amberfrances]

:mad:

i added this (border-style: none;) to the images individually AND generall as img {border-style: none;} and it did not work in IE. :( any other ideas are greatly appreciated. check out the problem in IE at Southpinecafe.com

[polorboy]

could you post the code for the section that has the borders and the css code associated with it?

Actually, you have to have

a { border:none; }

in your css, that will set the border to none for all links. I am guessing that you don't want any borders for your links regardless if it is a img or not.

[amberfrances]

for example, i've got the logo in the top left corner, it's a square picture and the link square shows around. here's the style for that logo:

#sign {
margin-top: -10px;
margin-left: 10px;
padding: 0px;
border-style: none;
}

#sign a:link {
color: #FFFFE0;
}
#sign a:visited {
color: #FFFFE0;
}

[wamboid]

you have border-style:none on the div, but not on the img within the div - big difference. Give the img an id or class with border-style:none or put it on all images like I showed earlier. I've never used a { border:none; }, but it would probably work too.

[amberfrances]

okay golden child, this was the answer:

[CODE]
img {
border: none;
}
[CODE]