Can't position it right .. Options

[misfit]

www.myspace.com/itskaterz
is my profile.Scroll right down and see the "Shaun" with two hearts next to it,hover over the name and see where the pic is.I have been fiddeling around for ages, I want it to kind of go in the middle..But on the right.In the preview,it has it on the right,but when I view it,its on the left.I will make the picture smaller but yeah.I've gotten so close lol..And I am working in safe mode,but I don't know why it views differently. I've fiddled around with the numbers so much ahh!I don't want to stuff it all up soo it goes back to the top again..Please help..thanks!
And here is the code...

<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 2400px; left: 250px; width:250px;
padding:0px; margin: 10px; z-index: 5;
color: white; background: transparent;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>


<a href="http://www.myspace.com/10484774">&hearts; Shaun &hearts;<span><img src="http://i46.photobucket.com/albums/f101/k8erz/shauny.gif"></span></a><br>
<a href="url to there profile">name<span>..</span></a><br>
<a href="url to there profile">name<span>..</span></a><br>
<a href="url to there profile">name<span>..</span></a><br>
<a href="url to there profile">name<span>..</span></a><br>
<a href="url to there profile">name<span>..</span></a><br>
<a href="url to there profile">name<span>..</span></a><br>
<a href="url to there profile">name<span>..</span></a><br>
<a href="url to there profile">name<span>..</span></a><br>
<a href="url to there profile">name<span>..</span></a><br>

And I think i'd maybe rather that they are next to each other..The names and then the pics underneath..i'm not sure?!I dunno if you can do that...I suppose it's because my divs are wide i'd rather it across..

[*This Confession*]

kind of bothers me..
because no one seems to get this code yet its so simple..

<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 2400px; left: 250px; width:250px;
padding:0px; margin: 10px; z-index: 5;
color: white; background: transparent;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>

change the bold text..

just fiddle around with the numbers you'll get it eventually.


the code works in ie,aol, and ff.

i think toya uses safari though