hi, im trying to put something in the top right of my page.

however i have a logo in the center:

HTML Code:
<ul class="right">
<li><a href="login.php">login</a></li>
</ul>
<center>
<a href="http://www.site.co.uk"><img src="images/site.png" /></a>
this is my css:

HTML Code:
#top ul.right {
	float:right;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
}

at the moment the 'login' text in the top right nudges the image a little to the left so that it is no longer strictly centred.

how can i change it so that the 'login' text sits in the top right but the image is still centred without being nudged over..?

thanks;