Working with DIV, i need help.. badly. Options

[ashleymichelle66]

ook. so i'm trying to make my page using div.. but i can't seem to figure it out. this is my page so far

myspace.

i don't know what to do next.. this is the coding i also have so far


in the about me section
<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;}



/*make tables transparent*/
table, tr, td {background:transparent;}

/*remove left column (picture, details, etc)*/
table table table table, table table table table td.text, table.contactTable {display:none;}

/*hide blogs & about me*/
td.text table, .orangetext15 {visibility:hidden;}

/*unhide about me (so the divs will show up)*/
td.text table table {display:inline; visibility:visible;}

/*remove friend space, comments, and calendar*/
td.text td.text table {display:none;}

/*remove bottom links*/

<div id=layer1 style="position:absolute; top:20; left:20; width:300; height:300; z-index:1; padding:5px; border:000000 2px solid; background-color: 000000; background-image:url(yourfilename.gif); layer-background-image:url(http://img.photobucket.com/albums/v637/xoashleyxo/ac11fcdb.jpg);">

Content goes here (images, text)

</div>
div b font font, div font font u {display:none;}


<div class="bg" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;">
<img src="http://img.photobucket.com/albums/v637/xoashleyxo/ac11fcdb.jpg">
</div>

<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
lalalalala this is your content!
</div>

</style>

and in the who i'd like to meet
<DIV class="Main"> <table style="width:800px; height:600px; cellpadding:0px; cellspacing:0px; border:2px solid silver; background-color:ffffff;}">
<tr> <td valign="top">
YOUR PAGE CONTENT (HTML/FLASH) HERE
</td> </tr> </table> </DIV>

if you could hep it would be greatly appriciated