image rollover help Options

[sauce2k6]

i cant get the code to work
and help would be highly appreciated

CODE

<style type="text/css">
.name{height: 95px; width: 89px; overflow: hidden; background: url(http://i9.tinypic.com/31617o6.png) top left no-repeat; display: block;}
.name:hover{background-position: bottom left;}
</style>

CODE

<a href="myspace.com" class="name"></a>

[sauce2k6]

i got another problem lol

how would you position them so the pictures are next to each other
because i can only get it to show up one under each other

CODE

<style type="text/css">
.pic1{height: 95px; width: 89px; overflow: hidden; background: url(http://i12.tinypic.com/48c67fm.png) top left no-repeat; display: block;}
.pic1:hover{background-position: bottom left;}

</style>

<style type="text/css">
.pic2{height: 95px; width: 89px; overflow: hidden; background: url(http://i10.tinypic.com/4btaumx.png) top left no-repeat; display: block;}
.pic2:hover{background-position: bottom left;}

</style>

CODE

<a href="myspace" class="pic1">
<a href="myspace" class="pic2">

www.myspace.com/watchout336