css image

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

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.

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.