Need to move friends, Need to move friends Options

[djdaveoc]

Here is all the code in my "about me" area. I know that I moved my friends from the right to the left with some of this code, but I'm not sure which specific code did that. Also, I'd like to move my whole friends table down a little on my page so that it's not being partially covered by the picture of the DJ gear above. This is my page:

myspace.com/davidpoggi

This is the code from my "about me":

<style>.ORANGETEXT15{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.NAMETEXT{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.BLACKTEXT12{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.WHITETEXT12{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.lightbluetext8{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.btext{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.redlink{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.redtext{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.blacktext10{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.orangetext15{DISPLAY:NONE;VISIBILITY:HIDDEN;}
</style>

<style
type="text/css">
table tbody td table tbody tr td.text table {visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table
tbody tr td.text table table tbody td.text {visibility:visible;}
</style>

<style type="text/css">
table table table { width: 300px; }
table table td.text table, table table td.text table td { width: 100%; }
</style>

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

<br><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0"><tr><td><table bordercolor="000000" cellspacing="3" cellpadding="3" width="435" align="center" bgcolor="ffffff" border="0"> <tr> <td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap:break-word"> <span class="orangetext15">About me:</span><br></style>

<style type="text/css">
table {float:left; padding-left:0; margin-left:0;}
table table table {margin-bottom:5px;}
table table table table {margin-bottom:0;}
</style>

<style>td td object {position:absolute; left:0px; top:-100px; display:block; width:228px; height:39px;}</style>

<style type="text/css">
table, td {
background-color:transparent;
border:none;
border-width:0;}
body {
background-color:000000;
background-image: url('http://i47.photobucket.com/albums/f155/djdaveoc/Extreme_Elegance_PC_Back.jpg');
background-repeat: no-repeat;
background-position: 670px 176px;}
</style>

<style type="text/css">
table table table table{border:0px}
table table table{ border-color:; border-style:solid ; border-width:0px; background-color:; filter:; opacity:; -moz-opacity:; background-image:url(http://); background-position:Top Left; background-repeat:repeat; } table table table table, table table table td{ border-style:none; }
table, tr, td{background-color:transparent; }
.nametext {
font-size:10pt;
color:FFFFFF;
font-weight:bold;
}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:FFFFFF ; font-size:10pt; font-weight:bold; font-style:bold; font-family:; }

a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{ color:FF0000; font-size:8pt; font-weight:bold; font-style:bold; font-family:; } a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:; font-size:8pt; font-weight:none; font-style:none; font-family:; }

.orangetext15, .whitetext12, .btext, .redtext, .redbtext{ color:FF0000; font-size:8pt; font-weight:bold; font-style:normal; font-family:Arial, verdana, arial, sans-serif; }
.lightbluetext8{ color:; font-size:8pt; font-weight:bold; font-style:normal; font-family:Arial, verdana, arial, sans-serif; }
table table td.text table td.text table table table a {color: ;
}
table, tr, td { border: none; background-color: transparent; padding: 0; }
.blacktext12{color:;}
a.navbar{sans-serif;font-size:8pt; font-weight:none} a.navbar:link{color:;font-size:8pt; } a.navbar:active{color:;} a.navbar:visited{color:;} a.navbar:hover{color: ;}
</style>

<style>.contactTable {width:300px !important; height:150px !important;
padding:0px !important;background-image:url(http://i87.photobucket.com/albums/k156/jnds/contact_tables/baseball/angels.jpg);
background-attachment:scroll;
background-position:center center;
background-repeat:no-repeat;
background-color:transparent;}.contactTable table, table.contactTable td { padding:0px !important;border:0px;
background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px !important;}.contactTable a {display:block; height:28px; width:115px;}.contactTable .text {font-size:1px !important;}.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}</style>

Can anyone help me move the friends table down on the page a bit? Thanks!

[djdaveoc]

I'm guessing what I really need to know is how to put the friends table in a div overlay so I can position it anywhere on my page using coordinates like I'm doing with my picture and text divs. Anyone know how to do this? Thanks.