css image

[wwwfilmfilercom]

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

however i have a logo in the center:

<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:

#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;

[Lord Orwell]

i've always seen this done with tables and you assign the correct table cell a background image. I am no css guru, but i also saw some myspace code once that used position:absolute and then had x and y coordinates with it.

[Musician]

Try wrapping your image in a div with a style setting of

clear:both;

Also note that the center tag is now deemed consigned to the stone age.