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]

Well I wanted my page to look nice so I resized the image so it would fit above my friends without cutting them off. But I'd still like to know exactly what part of my code moved my friends from right to left. Also, if there is a post where it tell how to put the friends table into a div and position it on the screen exactly where you want it, please give me the link. Thanks!