Nead div lyout help, Already created it just need help to add something Options

[simster]

here is my about me code:

CODE

<style type="text/css">
    table, tr, td {background:transparent;}
    table table table table, table table table table td.text, table.contactTable {display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
</style>

<style type=text/css>

body {
background-color: 000000;
}

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

table table table {border: 1px solid; border-color: 000000; background-color: 000000; }

body,table, td, li, p, div, textarea  
{font-family:arial; font-size:16px;; color:c74570; font-weight:none; border:0px; text-transform: none; line-height:12px;}

.text {font-family:arial; font-size:16px;; color:c74570; font-weight:none; border:0px; text-transform: none; line-height:12px;}  

.redtext{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase; }

.redbtext{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase; }

.orangetext15{font-family: arial; color: c74570; font-weight: bold; font-size: 20px; letter-spacing: -2px;}  

.lightbluetext8{font-family:arial; font-size:16px;;  color:c74570; font-weight:none;border:0px; text-transform: uppercase; }

.whitetext12{font-family:arial; font-size:16px;;  color:c74570; font-weight:none;border:0px; text-transform: uppercase;}  


.blacktext12{font-family: arial; color: c74570; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

.nametext{font-family: arial; color: c74570; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}  

.blacktext10{font-family:arial; font-size:16px;;  color:c74570; font-weight:none;border:0px; text-transform: uppercase;}  

a{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase; }  
a:link{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase;}

a.redlink{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase;}  
a.redlink:link{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:16px;;  color:c74570; font-weight:none;border:0px; text-transform: uppercase;}

a.navbar{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:link{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:active{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:visited{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:hover{font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase;}  

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

.standard b, p b, B, strong {
font-family:arial; font-size:16px;; color:c74570; font-weight:none;border:0px; text-transform: uppercase; }

</style>

Here is my Id like to meet code:

CODE

<div class="bg" style="position: absolute; left:0px; top:0px; width:1010px; height:2000px; overflow: hidden;">
<img src="http://jolyza.com/simsters_fireplace_myspace_stuff/layout.jpg">
</div>

<div class="content" style="position: absolute; left:80px;  top:330px; width:215px; height:265px; overflow: auto;">
About Me.
</div>

<div class="content" style="position: absolute; left:80px;  top:705px; width:215px; height:315px; overflow: auto;">
Links.
</div>

<div class="content" style="position: absolute; left:455px;  top:330px; width:465px; height:690px; overflow: auto;">
News and Blogs.
</div>




<div class="content" style="position: absolute; left:80px;  top:1205px; width:840px; height:740px; overflow:auto;"> Friends and Comments </div>

instead of my last div (friends and comments.) can someone give me the code so my friends and comments are there and change my about me code so my about me code doesnt interfere with my comments or friends in that div