image rollovers help, i think this where we post this.. i dunt get cb4 -.-.. Options

[mychelez-tranz]

click
okay so for my navigation i want the image rollover links to go side to side.. not up and down

could u guys figure out a way so i can make it go side to side?
i can think of an alternative but i want your suggestions

[mychelez-tranz]

wooop wooops sorrie >.<... the link works now

code in about me:

CODE

<style type="text/css">
.home{height: 73px; width: 67px; overflow: hidden; background: url(http://i3.photobucket.com/albums/y55/mychelez_tranz/1home.jpg) top left no-repeat; display: block;}
.home:hover{background-position: bottom left;}
.addme{height: 73px; width: 58px; overflow: hidden; background: url(http://i3.photobucket.com/albums/y55/mychelez_tranz/1add.jpg) top left no-repeat; display: block;}
.addme:hover{background-position: bottom left;}
.pictures{height: 73px; width: 97px; overflow: hidden; background: url(http://i3.photobucket.com/albums/y55/mychelez_tranz/1pictures.jpg) top left no-repeat; display: block;}
.pictures:hover{background-position: bottom left;}
.message{height: 73px; width: 100px; overflow: hidden; background: url(http://i3.photobucket.com/albums/y55/mychelez_tranz/1message.jpg) top left no-repeat; display: block;}
.message:hover{background-position: bottom left;}

code in i'd like to meeet:

CODE

<div class="content" style="position: absolute; background-color:transparent; left:405px; top:703px; width:390px; height:overflow">
<img src="http://i3.photobucket.com/albums/y55/mychelez_tranz/dbsknavi.jpg">

<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=342d4990-73c4-47ed-bfff-73d697b2c438" class="home"></a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=14841213" class="addme"></a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=68644052" class="pictures"></a>
<a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=68644052" class="message"></a>