Link text repositioning after clicking

[Myles]

Hi Folks,

I'm having a probem with the link text in the footer of a page I'm working on. You can see the page at this url: http://really-valid-info.com/blog/news/

The link is my name in white text at the bottom of the page. I have this set to change to blue once the link has been visited. The link is repositioning when clicked for some reason and ends up two or three pixels higher than it should be.

My CSS for this part of the page is as follows:

#footright {
float:right;
width:590px;
padding:5px 0 10px;
}

.smallestfont2 {
font-size:x-small;
color: white;
}

#footlink a:link {
color: white;
text-decoration:none;
}

#footlink a:visited {
color:blue;
text-decoration:none;
}

.copyright {
color: yellow;
font-size:small;
}

And the corresponding html is as follows:

<div id="footright">
<span class="copyright">Copyright 2009 &copy; MrsBacktoFront.com</span><br/>
<span class="smallestfont2" id="footlink">Website design by <a href="http://www.mylessinclair.com" target="_blank">Myles Sinclair </a></span>
</div>

Hope someone can advise how I get the link to stay in place after it has been clicked.

Many thanks,

Myles