I have a link image in IE. My CSS (externally linked) is:

A:link
{ color: blue;
text-decoration: none;
}

A:active
{ color: blue;
text-decoration: none;
}

A:visited
{ color: blue;
text-decoration: underline overline;
}

A:hover
{ color: red;
background-color: #000000;
text-decoration: underline overline;
}

small
{ font-size: 10pt;
}

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
background: #ffcc00;

font-family: Abadi MT Condensed Light;
color: #000000;
letter-spacing: 3pt;
font-weight: normal;
font-size: 16pt;
}

#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 100px;
}
#center {
top: 0;
margin-left: 130px;
margin-right: 130px;
}
#right {
position: absolute;
right: 15px;
top: 160px;
width: 100px;
}



My image is a GIF and has a transparent background. I put

<center><a href="*.html"><img src="havesomefun.gif"></a></center>

...and there is a blue box around the image. The hover works fine, and the line changes color, but the image looks like it is an X-Ray picture. Could you help me? I can put up the page for you guys? Thanks!

try adding border="0" to the image code :)

<center><a href="*.html"><img src="havesomefun.gif" border="0"></a></center>

or you could add...

img {
border:0; }

to your stylesheet.

it still doesn't work. I could put up a temp. link to it?

Wait, it works! I put it in wrong. But when I put my cursor over the image, it STILL turns black, due to the A:hover background thing in my CSS. How can I effect ONLY the links? Oh, the image is a link, huh? It's a dead end.

I found another way...

just put:
<center><img src="havesomefun.gif" onClick="window.open('http://whatever.html')"></center>

I don't know if there's a way or not. Maybe you could ask Lissa!?!