images with text...frustrated!

I am having a really frustrating time with my layout.

The layout I'm using is essentially all images. They are just chopped up and stuck back together using CSS positioning. At the bottom of the images, I'm trying to include a simple text link (for a webring). It is NOT working, and I don't know why!

This is the code I'm using for the link:

#rings {
position:       absolute;
width:          25;
height:			10;
top:            610px;
left:           10px;   
}

and the code I'm using in my HTML to call for it:

<DIV id="rings">
<font face="arial" size="1" color="black">
<a href="http://www.ringsurf.com/netring?ring=redheads;id=291;action=prev" target="blank"><</a> 
<a href="http://www.ringsurf.com/netring?ring=redheads;action=rand" target="blank">?</a> 
<a href="http://realmofredheads.com/ring" target="blank">redheads</a> 
<a href="http://www.ringsurf.com/netring?ring=redheads;action=list" target="blank">#</a> 
<a href="http://www.ringsurf.com/netring?ring=redheads;id=291;action=next" target="blank">></a>
</div>

But, for some reason it's showing up in the middle of the page, under all the images, and my A tags are not applying.

I've had this problem before. What is the correct way to absolutely position text??

Thanks!
T

Oh, yeah, here is the page that it's not working on:
http://www.thedarknightofthesoul.com/index.html