a:link being an ass.

[Recursion]

Hey,

I have defined my link properties in my stylesheet like this:


a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
But for some reason it is working on every link but four new images I have added.

Here is the code for the images which still have the rubbish blue boxes:



<div class="sharewith">
<a href="" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('twitshare','','static/twitter_16.png',0)"><img src="static/twitter_16_grey.png" width="16" height="16" alt="Share with Twitter" name="twitshare" /></a><br />
<br />
<a href="" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('delshare','','static/delicious_16.png',0)"><img src="static/delicious_16_grey.png" width="16" height="16" alt="Share with Delicious" name="delshare" /></a><br />
<br />
<a href="" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('diggshare','','static/digg_alt_16.png',0)"><img src="static/digg_alt_16_grey.png" width="16" height="16" alt="Share with Digg" name="diggshare"/></a><br />
<br />
<a href="" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('fbshare','','static/facebook_16.png',0)"><img src="static/facebook_16_grey.png" width="16" height="16" alt="Share with Facebook" name="fbshare"/></a>

</div>
Help pleaseee xD

Tom

[Swearwolf]

img {
border: none;
}

or

a:link {
border: none;
}

[Recursion]

LMAO. It's getting late, I knew it'd be something stupidly simple.

Thanks :p

[Swearwolf]

no probs :)