Rollover 2.0 normal profile Options

[kanttouchthis]

First, heres the MySpace I'm working on.. http://www.myspace.com/512802058
The big white block is there just to give me a sense of where everything is.

Anyway, I have two images.. and the rollover

I can not for the life of me figure out how to make this a rollover button and align it somewhere. I've tried this tutorial: http://www.createblog.com/html_css-scripts...image-rollover/ ... no f*cking clue what its talking about.
Did a search on rollovers, looked at atleast 30 topics, still cant get it.


CSS:

CODE

#googlebar, #topnav, .photo, .basicInfoDetails, .detailsModule, .schoolsModule, .companiesModule, .statusMoodModule, .activityMiniFeedModule, .blurbsModule h3, .blurbsModule h4, .friendSpaceModule, .commentsModule, #footer { display:none; } #header { background:none; } .autoResize img { max-width:9999em; }
body { background:#165b60 url('http://img18.imageshack.us/img18/678/bg1new.jpg') no-repeat top center; }
.banner { background: url(http://img188.imageshack.us/img188/4741/bannerwy.jpg); font:normal 12px/17px 'Lucida Grande', sans-serif; height:645px; width:834px; position:absolute; left:50%; top:0px; margin-left:-440px; }
.bottom-right { background:#ffffff; height:200px; width:300px; position:absolute; bottom:-300px; right:10px; }

ABOUT ME:

CODE

<div class="banner">

<div class="bottom-right"> </div>
<div class="add"> </div>

</div>

If anyone can just help me out and give me a code for a rollover image, that can link to something, I would seriously love you forever. I've been sitting at this computer trying stuff for over 3 hours, and I'm ready to throw the thing out the f*cking window. Thanks :]

[Mickey]

Try studying this one instead.

[kanttouchthis]

Thats the most confusing tutorial yet
Also, I want to have horizontal buttons, not vertical.. based on that tutorial, I have no idea how to do that