[SOLVED] Image Border

[BrandonE97]

I was trying to make an image border that is red and turns blue on mouse hover but all I get in IE is a purple border and firefox doesnt display it right either! The image is used for a link. Thanks.

 

img:link.pic, img:visited.pic {
border:2px;
color:#FF0000;
}
img:hover.pic {
border:2px;
color:#0000FF;
}

[cmgmyr]

try this:

img{
border:0px;
}

a img{
border:2px solid #FF0000;
}

a img:hover{
border:2px solid #0000FF;
}

 

with

<a href="#"><img src="images/img.gif" /></a>

[BrandonE97]

Thanks, that works great.