rollover pictures, and div things.... Options

[x-vampire-heart-...]

okay so i decided to do rollover pictures for my friends in a div. the code is:

CODE

<style type="text/css">
.ness{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background: url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/ness.jpg) top left no-repeat; display: block;}
.ness:hover{background-position: bottom left;}
</style>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=16658427&MyToken=67f47381-5326-46cc-b853-23ff9ba79ba5" class="ness"></a>

<style type="text/css">
.phili{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background: url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/philippa.jpg) top left no-repeat; display: block;}
.phili:hover{background-position: bottom left;}
</style>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=8720728&MyToken=67f47381-5326-46cc-b853-23ff9ba79ba5" class="phili"></a>

<style type="text/css">
.hollie{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background: url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/hollie.jpg) top left no-repeat; display: block;}
.hollie:hover{background-position: bottom left;}
</style>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=38628946&MyToken=67f47381-5326-46cc-b853-23ff9ba79ba5" class="hollie"></a>

<style type="text/css">
.ross{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background: url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/ross.jpg) top left no-repeat; display: block;}
.ross:hover{background-position: bottom left;}
</style>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=9316641&MyToken=67f47381-5326-46cc-b853-23ff9ba79ba5" class="ross"></a>

<style type="text/css">
.ollie{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background: url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/ollie.jpg) top left no-repeat; display: block;}
.ollie:hover{background-position: bottom left;}
</style>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=44572957&MyToken=67f47381-5326-46cc-b853-23ff9ba79ba5" class="ollie"></a>

i was just wondering how you put them next to eachother instead stacked on top of each other....?
and also in my div theres a random white box on the top left hand side....? how do i get it off and why is it there in the first place?
also the lines above the table, just on top of the picture.... how do i get them off...?
and last one i promise >.< between where i say ' Give me nice long hugs please :] ' and where i go onto the 'i like' bit... theres suposed to be a big heart there u know when you go &hearts; but it isnt showing up...?
heres the code for the about me:

CODE

<div>

<style type="text/css">
.Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px;

border:0px; background-color:transparent;} </style>

<style type="text/css">
.hotlayx { Background Properties }
body {
  background-color:ffffff;
  scrollbar-face-color:FFFFFF;
    scrollbar-highlight-color:000000;
    scrollbar-3dlight-color:FFFFFF;
    scrollbar-shadow-color:000000;
    scrollbar-darkshadow-color:FFFFFF;
    scrollbar-arrow-color:000000;
    scrollbar-track-color:FFFFFF;
}
.hotlayx { Table and Section Properties }
table, tr, td {background:transparent; border:0px;}
table table table {background-color:FFFFFF;}
td.text table, td.text table td {width:200px; padding:0px;}
td.text table table table table,
td.text table table table table td {width:0px;}

hotlayx. { text properties }
table, tr, td, li, p, div { font-family:verdana; color:000000; font-size:9px;     }
.btext { font-family:verdana; color:FFFFFF; font-size:8px;     }
.blacktext10 {  color:FFFFFF;      }
.blacktext12 {  color:FFFFFF;      }
.lightbluetext8 {  color:FFFFFF;      }
.orangetext15 {  color:FFFFFF;      }
.redtext {  color:FFFFFF;      }
.redbtext {  color:FFFFFF;      }
.text {  color:FFFFFF;      }
.whitetext12 {  color:FFFFFF;      }
a:active, a:visited, a:link { font-family:verdana; color:000000; font-size:9px;     }
a:hover { font-family:verdana; color:666666; font-size:9px;     }
a.navbar:active, a.navbar:visited, a.navbar:link {  color:FFFFFF;      }
a.navbar:hover {  color:FFFFFF;      }
a.redlink:active, a.redlink:visited, a.redlink:link {  color:FFFFFF;      }
a.redlink:hover {  color:FFFFFF;      }
.nametext {  color:FFFFFF;      }

.hotlayx { Misc properties }
table table td {width:10px;}
div table table td, table table table td {width:auto;}
table table img {display:none;}
table table table img {display:inline;}
td.text td.text table table div,
td.text td.text table table a img { width:65px !important;}
div table tr td font {visibility:hidden;}
div table table tr td font {visibility:visible;}
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
.blacktext10 {display:block; width:100px;}

.hotlayx { others }
table, tr, td {background-color:transparent;
border:none; padding: 0px; width:200px;}
table table table {background-color:white;
border:1pt white solid; height:.01%; width:100%;}
table table table table {border:none;}
td.text td.text table table td {padding:3px;}
td td td td {width: 1%; text-align:justify;}
.comments {visibility:hidden;display:none;}
</style>

<DIV class="Main"> <table style="width:800px; height:620px; cellpadding:0px; cellspacing:0px; border:0px

solid transparent; background-color:FFFFFF;}"> <tr> <td valign="top">


<div style="position:absolute; left:0px; top:40px; width:500px; height:30px; background-color:white;

overflow:auto;"></div>

<div style="position:absolute; left:20px; top:80px; width:641px;

height:297px;background-image:url(http://img101.imageshack.us/img101/5295/shrxjdgayh6fx.jpg);

overflow:auto;"></div>


<div style="position:absolute; left:23px; top:95px; width:172px; height:185px;

background-color:transparent; overflow:auto;">
<center>
<a

href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=7410887"><img

src=http://img513.imageshack.us/img513/2320/picture3478iu.jpg></a></center>
</div>

<div style="position:absolute; left:30px; top:260px; width:172px; height:185px;

background-color:transparent; overflow:auto;">
<center><form method="post"

action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment">
<input name="friendID" value="7410887" type="hidden">
<textarea name="f_comments" cols="20" rows="7" style="border-width: 1px;
border-style: solid; border-color:000000; font-family: Terminal;
font-size: 10px; color: 000000; background-color: FFFFFF;"
style="overflow:auto;"></textarea><br> <input value="add comment"
style="border-width: 1px; border-style: solid; border-color:000000;
font-family: Terminal; font-size: 10px; color:000000; background-color:FFFFFF;
" type="submit"><input value="clear" style="border-width: 1px;
border-style: solid; border-color:000000; font-family: Terminal;
font-size: 10px; color:000000; background-color:FFFFFF;"
type="reset"></form> </center> </div>
</div>

<div style="position:absolute; left:30px; top:215px; width:172px; height:185px;

background-color:transparent; overflow:auto;"><p align=left>

<center>
<a href="

http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=7410887"><img

src=http://img.photobucket.com/albums/v520/Jen159/addbutton.jpg></a>
<a href=" http://mail8.myspace.com/index.cfm?fuseaction=mail.message&friendID=7410887"><img

src=http://img.photobucket.com/albums/v520/Jen159/msgbutton.jpg></a>
</center>
</div>





<div style="position:absolute; left:215px; top:110px; width:440px; height:147px;

background-color:transparent; overflow:auto;">
HI
<BR>Im Jenni.
<BR>I'm 16.
<BR>I do not look or act my age.
<BR>I live in Bournemouth.
<BR>I go to Avonbourne
<BR>It's actually not <U>that</U> bad.
<BR>I don't like people who think they're better than everyone else.
<BR>I don't have many friends.
<BR>I love the ones I do have.
<BR>I dont normally say how I feel. So you never know wether I'm telling the truth or not.
<BR>I don't do drugs. They're bad for you.
<BR>It takes alot for me to trust someone.
<BR>But I forgive too easily.
<BR>Without certain people I would not be here today.
<BR><U>Thankyou.</U>
<BR>I'm amused by the simplest and smallest of things.
<BR>But I also get bored easily.
<BR>I go abit freakazoid sometimes.
<BR>I want to eat a human some day.
<BR>I like wierd and twisted stuff, like the above.
<BR>Don't be put off by that. I'm quite a nice person really.
<BR>I like having deep conversations about politics and God and people. etc..
<BR>The universe scares me.
<BR>Music is the best.
<BR>29th April was the best day of my life.
<BR>Make me laugh untill I cant breath and I will love you forever.
<BR>Give me nice long hugs please :]
<BR><font size = +2>&hearts;</font></center>
<P>
i like playing in the sand. i like the sandy park. i like my friends <3 . i like to mess about. i like to scare the

pidgeons. i like bubbles. i like kiddies toys. i like alcohol. i like going out. i like borders. i like the sperm book.

i like singing. i like music. i like hair straighteners. i like my bed. i like sleeping. i like cuddles. i like kisses. i

like adventures. i like spending money. i like being silly. i like feeding the ducks. i like clouds. i like pretty

things. i like art. i like tattoos. i like lots of other stuff :]
<P>
i don't like having no money. i don't like having no credit.  i don't like school. i don't like coldplay. i don't like

rnb. i don't like fighting. i don't like arguments. i don't like my mother/father. i don't like the wind. i don't like

the winter. i don't like being cold. i don't like getting old. i don't like bullying. i don't like dark chocolate. i

don't like paper cuts. i don't like confrontation. i don't like being ill. i don't like being left out. i don't like chavs

who hit people for no reason. i don't like wine. i don't like doing work. i don't like stubbing my toe. i don't like

lots of other things :]

<div style="text-align: center; margin-left: auto; margin-right: auto;">
  <div>
     <a href="http://webjay.org/by/jen159/cooltunez">
     <div><cite>Music</cite></div>
     </a>
  </div>
  <embed allowScriptAccess="never"                        

src="http://webjay.org/flash/xspf_player?autoload=1&amp;autoplay=1&amp;playlist_url=http://webjay.org/

by/jen159/cooltunez.xspf"
     quality="high"
     bgcolor="ffffff"
     width="325"
     height="170"
     name="xspf_player"
     align="middle"
     type="application/x-shockwave-flash"
     />
    <P>
</div>    
</div>

</div>











<div style="position:absolute; left:220px; top:269px; width:430px; height:100px;

background-color:transparent; overflow:auto;">

<style type="text/css">
.ness{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background:

url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/ness.jpg) top left no-repeat;

display: block;}
.ness:hover{background-position: bottom left;}
</style>

<a

href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=16658427&MyToken=67f

47381-5326-46cc-b853-23ff9ba79ba5" class="ness"></a>

<style type="text/css">
.phili{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background:

url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/philippa.jpg) top left

no-repeat; display: block;}
.phili:hover{background-position: bottom left;}
</style>

<a

href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=8720728&MyToken=67f4

7381-5326-46cc-b853-23ff9ba79ba5" class="phili"></a>

<style type="text/css">
.hollie{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background:

url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/hollie.jpg) top left no-repeat;

display: block;}
.hollie:hover{background-position: bottom left;}
</style>

<a

href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=38628946&MyToken=67f

47381-5326-46cc-b853-23ff9ba79ba5" class="hollie"></a>

<style type="text/css">
.ross{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background:

url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/ross.jpg) top left no-repeat;

display: block;}
.ross:hover{background-position: bottom left;}
</style>

<a

href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=9316641&MyToken=67f4

7381-5326-46cc-b853-23ff9ba79ba5" class="ross"></a>

<style type="text/css">
.ollie{height: 100px; width: 100px; text-indent: 15px; overflow: hidden; background:

url(http://img.photobucket.com/albums/v520/Jen159/Me%20And%20Friends/ollie.jpg) top left no-repeat;

display: block;}
.ollie:hover{background-position: bottom left;}
</style>

<a

href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=44572957&MyToken=67f

47381-5326-46cc-b853-23ff9ba79ba5" class="ollie"></a>





</div></div><style type="text/css">
.hotlaysub {visibility:hidden;} .hotlaysub input {visibility:visible;}
</style>
<div class="hotlaysub"><table><tr><td><table><tr><td><table><tr><td>

</div>

and my tester myspace
would be a great help please. thanks :]
-x-