need help before i throw my computer out the window, image rollovers as friend lists Options

[breezy1215]

ok i have been trying for 4 hours to work out this code... and usually im great at doing this stuff but for some reaon i cant get past this code. i wanna put my friends pics on my friends list on myspace..... when u go over them with ur mouse a nother pic comes up that saystheir name... i tried the codes in the scripts part but either im doing it wrong or something someone PLEASEEEEEEEEE help i love my laptop i dont wanna throw it out the window

[breezy1215]

it says its a CSS rollover

<style type="text/css">
.name{height: XXXpx; width: XXXpx; overflow: hidden; background: url(IMGE_URL_HERE) top left no-repeat; display: block;}
.name:hover{background-position: bottom left;}
</style>

u type that in the about me than it says

once you put the code in the your profile you put this code, where ever you want it to go



<a href="URL_TO_A_LINK" class="NAME"></a>

and heres two of the images i would be using





help?