Div MySpace Music Page, Placing the Music Player... HELP! Options

[frozenecko]

So I am working on a MySpace Music Profile... and I don't know how to get the music player into its own DIV layer so that it sits ontop... I've placed an image of where I WANT it to be...

The style sheets aren't finished... but the majority of the coding is.

Would someone be willing to tell me what code I need to place and where?

CODE

<style type="text/css">
table table, table table table table, table table{background-color:transparent;width:;border:0px none;}
div, table, tr, td, th{background-color:transparent;text-align:left;border:0px;}
a.navbar, font, .whitetext12, .btext, .orangetext15, .redbtext, .redtext, .blacktext12, .blacktext10, .lightbluetext8, strong, .nametext, div b font font, div font font u, table table table table, table.contacttable{display:none;}
div table form tr td, td.text table, a.text, table div font a, table div div{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.comments{visibility:visible;width:545px; height:280px;position:absolute;
top:1077px;left:222px;
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:2px;}
</style>

<style type=text/css>

body {
background-color: ffffff;
background-position: right bottom;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:aca088;
scrollbar-track-color: aca088;
scrollbar-shadow-color: aca088;
scrollbar-face-color:d7cdb9;
scrollbar-highlight-color:aca088;
scrollbar-darkshadow-color:aca088;
scrollbar-3dlight-color:aca088}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 0px solid; border-color: transparent; background-color: transparent; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:000000; font-weight:bold; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: 000000; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:000000; font-weight:bold;border:0px; text-transform: uppercase; }

</style>

<div class="bg" style="position: absolute; left:100px; top:170px; width:900px; height:1230px; overflow: hidden;">
<img src="http://img.photobucket.com/albums/v634/frozenecko/everwarnew.jpg" width="812" height="1232" border="0">
</div>

<div class="stats" style="position: absolute; left:220; top:778; width:265; height:120; overflow: auto"><center>
<p>
<br>
<b>about your band about your band about your band about your band about your
band about your band about your band about your band about your band about your
band about your band about your band about your band about your band about your
band about your band about your band about your band about your band about your band about your band about your band about your band about your band about your band
</b><br>
 </p>
</div>

<div class="stats" style="position: absolute; left:220; top:993; width:265; height:120; overflow: auto"><center>
<p>
<br>
<b>your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here
</b><br>
 </p>
</div>


<div class="content" style="position: absolute; left:0; top:0; width:94; height:38; overflow: auto"><center>
<font size="1">Layout Created By
<a target="_blank" href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2Zyb3plbmVja28=">Dani Blake</a>
</font>
</div>

<div class="comments"><table><tr><td><table><tr><td>