div overlay help, I've read the tutorials and the help sections but I still can' Options

[xXAznCutehXx]

I've been trying to change a regular site layout into a myspace layout. Yes I've seen the tutorials and comment boxes provided but my problem are the comments themselves NOT the comment BOX. (and some other problems too )

My site has a few problems:

1) The old profile still shows up at the side
2) My comment box works, but the comments themselves won't show up
3) It looks like the layout was split in half near the middle horizontally (you can see a little bit of the old profile seeping through and that's where the comments sort of disappear- and the main layout graphics are cut off)
4) The searchbar at the top (need to get rid of it if possible)
5) The stats for the "topic" name aren't showing up. For example, in the code it's supposed to have one set of dashed lines around the topic name, but right now there isn't anything. Also, it won't let me use bold in my navigation bar...

Since I just joined myspace yesterday, I copy pasted a few table codes that were supposed to get rid of the old profile. I don't know which ones are messing the layout up and which ones are actually helping.
and I know the comments box and comments code work because the first time I tried, they showed up but there was a gap between the main layout and the bar layout that continues the main one

site: My Profile

The basic layout is supposed to look like this: MAIN LAYOUT

This is the coding- and it's all under "I'd Like to Meet" section:

<title>Social Butterfly</title>

<style type="text/css">body, p, td {font-family: tahoma;
font-size: 10; line-height:15px ; color: ..000000;cursor:crosshair}

.title
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}

.nav
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}
</style>

<div class="bg" style="position: absolute; left:0px; top:120px; width:1024px; height:600px; overflow: hidden;">
<img src="http://img.photobucket.com/albums/v669/Kutiekueen/main.jpg"border=0>
</div>


<style>
.comments{
display: visible;
background: transparent;
}
table table td.text table td.text tbody table tbody td table td {display: none !important;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none !important;}

</style>

<style>
.nametext {display: none !important;}
div div table tr td a.navbar, div div table tr td font {display: none !important;}tr {background:transparent;}
table div font a, table div div {display: visible !important;}
table table div font a, table table div div
{display: visible !important;}
table table td.text table td.text table table tbody td table, span.btext

{display: none !important}
table table td.text table td.text tbody table tbody td table td {display:

none !important;}

table table {
border:none;
background-color:transparent !important;
width:100px;
padding:1;
}
table table table table td{
background: transparent !important;
width:290px;}


table table table table{
border: none;
width:290px;
background-color:transparent !important;
align:right;
padding:1;
align:center;}

div div table td td font {visibility: hidden;}

p, table, tr, td, th, div{
border: 0px;
background:transparent;
FONT: 10px arial; COLOR: 000000;
LETTER-SPACING: 0px; TEXT-ALIGN: justify
}
body div div table td { display: none }
.navibar {display: none }
.navbar { display: none; }
div div table
tr td a.navbar, div div table tr td font {display: none;}
.hidethem {visibility:hidden; display:none;}

body
{background-image:url("http://img.photobucket.com/albums/v669/Kutiekueen/bg.jpg");
background-attachment:scroll;
Background-position: left;
background-repeat:repeat-y;
background-color:ffffff;
cursor: normal; align: center;
scrollbar-base-color: ..630922;
scrollbar-face-color: ..FFFFFF;
scrollbar-track-color: ..FFFFFF;
scrollbar-arrow-color: ..630922;
scrollbar-highlight-color: ..630922;
scrollbar-3dlight-color: ..FFFFFF;
scrollbar-shadow-color: ..FFFFFF;
scrollbar-darkshadow-color: ..630922;}



table div font a, table div div, table table div font a, table table div div
{
background: transparent !important;
width: 290px;
}

li, h1, h2, .redtext, font, .navbar, .lightbluetext8, .blacktext12, .whitetext12, .orangetext12, .nametext{FONT: 11px/11px arial; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify;}

.blacktext10 {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:000000; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none; text-align: center; letter-spacing: 0.0em;
}


a:hover.pic img {filter:alpha(opacity=80);}
a.pic img {filter:none;}

.header {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:CAD67A; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none; text-align: center; letter-spacing: 0.0em;
z-index: 3;
}

.content{
background-color: transparent;}
</style>

<font color="..000000"><font face="tahoma">

<div id="Layer2" style="position:absolute; width:200px; z-index:3; left: 36; top: 150">

<br>

<p class="nav"><b>NaVigAti0n</b></p>

<a href="http://home.myspace.com/index.cfm?fuseaction=user">{Home}</a> <br>

<a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=84528097">{Comments}</a> <br>

<a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=84528097">{Message Me}</a> <br>

<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=84528097">{Be mah Buddeh!}</a> <br>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=84528097">{See my Picx0rZ}</a><br>

<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=84528097&MyToken=0688b345-500b-4cb9-a51d-9bbb563406f1">{All o mah buddehs ^^}</a><br>

<p class="nav"><b>BoUt ME</b></p>
<center><img src="http://img.photobucket.com/albums/v669/Kutiekueen/animate-digicharat.gif">
<br><br>&hearts; <b>CaLLed:</b> Nanhee
<br>&hearts; <b>AKA:</b> aNiM3 M4nI4K
<br>&hearts; <b><3z:</b> a <u>WHOLE LOTTA</u> anime, listening to music, playing games, behing Kingdom Hearts addicted, drawing, making graphics... (now i just need adobe or photoshop x.x), bubbles, any SPARKLEH stuff, YUMMY stuff, cAAAnnnDDYyy, and SHINEH stuff~!! =P
<br>&hearts; <b> no like</b> working... cleaning...hw...fights...the basics =)
<br>&hearts; <b>MuXic:</b> My Chemical Romance, Greenday, and a lot of specific songs
<br>&hearts; <b>LoKation:</b> probably lost somewhere... go call 4 help x.x

<p class="nav"><b>Cr3ditz</b></p>
<b>Image :</b> Aethereality <Br>
<b>Original Layout By :</b> Fire Princess <br>
<b>Brushes : </b>Fairy Dust<br>
<b>Layout at :</b> Kaiyosei <br>
<b>New Myspace Layout: </b>All me

<br>
<br>

<div id="Layer1" style="position:absolute; width:472px; height:329px; z-index:4; left: 222; top: 435">


<p class="title"><b>Comments</b></p>

<form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment"><input name="friendID" value="84528097" type="hidden"><textarea name="f_comments" cols="40" rows="4" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: arial; font-size: 10px; color: 000000; background-color:FAA1B5;" style="overflow:auto;">Chat here bout stuff~!</textarea><BR>

<input value="add comment" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: arial; font-size: 10px; color: 000000; background-color: FFE3EA;" type="submit"></form></center>

<div class="comments" style="position: absolute;">

<style type="text/css">
td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:none;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}
</style>

<style>.blacktext10{font-family:small fonts; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
.redtext{font-family:small fonts; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
</style>


<div style="position:relative; height:0px; overflow:none; border:0px;"> <div class="friends"> <table><tr><td> <table><tr><td>

</div>

Any help is appreciated ^^

[xXAznCutehXx]

the old profile doesn't show anymore except this one lil white spot at the left... and the break in the layout is fixed^^ the search bar and the other little extra links are gone, BUT none of the words are showing up

I think the comments thing is sorta fixed because it showed up.. in the wrong place but it showed up xD then it disappeared after I tried to get the words to show up... lol

also I took my profile off private temporarily to fix this problem^^

My Profile

This is what my About Me section looks like:

CODE

<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;}
</style>
<style type="text/css">
body, tr, td{
background-color: ffffff;}</style>
<style type="text/css"> .contactTable {display:none;} table table td img {display:none;} table table table td img {display:inline;} table td td {width:0px;} table {width:450px;} table table {width:auto;} table table td {padding:3px;} table table table td {padding:0px;} table table table {width:220px !important; height:0px;} td.text td a img {width:auto !important;} table table table table table, table table table table table td { width:0px !important; padding:0px !important;} td.text a img {width:100px !important;} td.text td.text a img {width:35px !important;} td td td div strong {width:170px !important; display:block;} textarea, input, font, a, table, td, div, b {font-size:6pt !important;} span {font-size:7pt !important;} embed, object {display:block; width:220px; height:38px;} .orangetext15, .blacktext10 { display:block; width:110px; font-size:6pt !important;} td.text td.text .orangetext15, td.text td.text table table div {display:none;} </style>
<style type="text/css">
div table form tr td {visibility:hidden!important; height:0px!important;}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}

.comments {width:#px; overflow: none;}
.comments table {background-color: transparent;margin-top: -3px;}
.comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;}
</style>

That's all from the scripts that you provided me with

and this is my I'd like to meet section:

CODE

<DIV class="Main">
<table style="width:800px; height:600px; cellpadding:0px; cellspacing:0px; border:2px solid silver; background-color:ffffff;}">
<tr> <td valign="top">

<title>Social Butterfly</title>

<style type="text/css">body, p, td {font-family: tahoma;
font-size: 10; line-height:15px; color: ..000000;cursor:crosshair}

.title
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}

.nav
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}
</style>

<body bgcolor="#000000" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="http://img.photobucket.com/albums/v669/Kutiekueen/bg.jpg">

<img style="position:absolute; top:-130px; left:-97px" src="http://img.photobucket.com/albums/v669/Kutiekueen/main.jpg">

<style type="text/css">
<!-- --> --> --> --> --> --> A { cursor:default } A:link { text-decoration: none; color:#000000 } A:visited { text-decoration: line-through; color:#000000 } A:active { text-decoration: line-through; color:#000000 } A:hover { text-decoration:line-through; color:#000000} -->
</style>

<style>
.comments{
display: visible;
background: ffffff;
}
table table td.text table td.text tbody table tbody td table td {display: none !important;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none !important;}

</style>

<style>
.nametext {display: none !important;}
div div table tr td a.navbar, div div table tr td font {display: none !important;}tr {background:ffffff;}
table div font a, table div div {display: visible !important;}
table table div font a, table table div div
{display: visible !important;}
table table td.text table td.text table table tbody td table, span.btext

{display: none !important}
table table td.text table td.text tbody table tbody td table td {display:

none !important;}

table table {
border:none;
background-color:ffffff !important;
width:100px;
padding:1;
}
table table table table td{
background: ffffff !important;
width:290px;}


table table table table{
border: none;
width:290px;
background-color:ffffff !important;
align:right;
padding:1;
align:center;}

div div table td td font {visibility: hidden;}

p, table, tr, td, th, div{
border: 0px;
background:ffffff;
FONT: 10px arial; COLOR: 000000;
LETTER-SPACING: 0px; TEXT-ALIGN: justify
}
body div div table td { display: none }
.navibar {display: none }
.navbar { display: none; }
div div table
tr td a.navbar, div div table tr td font {display: none;}
.hidethem {visibility:hidden; display:none;}

body
{background-image:url("http://img.photobucket.com/albums/v669/Kutiekueen/bg.jpg");
background-attachment:scroll;
Background-position: left;
background-repeat:repeat-y;
background-color:ffffff;
cursor: normal; align: center;
scrollbar-base-color: ..630922;
scrollbar-face-color: ..FFFFFF;
scrollbar-track-color: ..FFFFFF;
scrollbar-arrow-color: ..630922;
scrollbar-highlight-color: ..630922;
scrollbar-3dlight-color: ..FFFFFF;
scrollbar-shadow-color: ..FFFFFF;
scrollbar-darkshadow-color: ..630922;}

table div font a, table div div, table table div font a, table table div div
{
background: ffffff !important;
width: 290px;
}

li, h1, h2, .redtext, font, .navbar, .lightbluetext8, .blacktext12,  .whitetext12, .orangetext12, .nametext{FONT: 11px/11px arial; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify;}

.blacktext10 {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:000000; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
}


a:hover.pic img {filter:alpha(opacity=80);}
a.pic img {filter:none;}

.header {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:CAD67A; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
z-index: 3;
}

.content{
background-color: ffffff;}
</style>

<font color="..000000"><font face="tahoma">

<div id="Layer2" style="position:absolute; width:200px; z-index:3; left: 36; top: 150">

<br>

<p class="nav"><b>NaVigAti0n</b></p>

<a href="http://home.myspace.com/index.cfm?fuseaction=user">{Home}</a>  <br>

<a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=84528097">{Comments}</a>  <br>

<a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=84528097">{Message Me}</a>  <br>

<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=84528097">{Be mah Buddeh!}</a> <br>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=84528097">{See my Picx0rZ}</a><br>

<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=84528097&MyToken=0688b345-500b-4cb9-a51d-9bbb563406f1">{All o mah buddehs ^^}</a><br>

<p class="nav"><b>BoUt ME</b></p>
<center><img src="http://img.photobucket.com/albums/v669/Kutiekueen/animate-digicharat.gif">
<br><br>♥ <b>CaLLed:</b> Nanhee
<br>♥ <b>AKA:</b> aNiM3 M4nI4K
<br>♥ <b><3z:</b> a <u>WHOLE LOTTA</u> anime, listening to music, playing games, behing Kingdom Hearts addicted, drawing, making graphics... (now i just need adobe or photoshop x.x), bubbles, any SPARKLEH stuff, YUMMY stuff, cAAAnnnDDYyy, and SHINEH stuff~!! =P
<br>♥ <b> no like</b> working... cleaning...hw...fights...the basics =)
<br>♥ <b>MuXic:</b> My Chemical Romance, Greenday, and a lot of specific songs
<br>♥ <b>LoKation:</b> probably lost somewhere... go call 4 help x.x

<p class="nav"><b>Cr3ditz</b></p>
<b>Image :</b> Aethereality <Br>
<b>Original Layout By :</b> Fire Princess <br>
<b>Brushes : </b>Fairy Dust<br>
<b>Layout at :</b> Kaiyosei <br>
<b>New Myspace Layout: </b>All me

<br>
<br>

<div id="Layer1" style="position:absolute; width:472px; height:329px; z-index:4; left: 222; top: 435">


<p class="title"><b>Comments</b></p>

<form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment"><input name="friendID" value="84528097" type="hidden"><textarea name="f_comments" cols="40" rows="4" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: arial; font-size: 10px; color: 000000; background-color:FAA1B5;" style="overflow:auto;">Chat here bout stuff~!</textarea><BR>

<input value="add comment" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: arial; font-size: 10px; color: 000000; background-color: FFE3EA;" type="submit"></form></center>

<div class="comments" style="overflow:auto; width: 400px; height:300px; position: absolute; top:100px; margin-left: 200px;"><center><table><table><tbody><tr><td><table></center></div>

<style>.blacktext10{font-family:small fonts; font-size:9px;  color:000000; font-weight:none;border:0px; text-transform: uppercase;}
.redtext{font-family:small fonts; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
</style>


<div style="position:relative; height:0px; overflow:none; border:0px;"> <div class="friends"> <table><tr><td> <table><tr><td>

</div></td></tr></table>

I think the only problem now is the little white box at the bottom left and how none of the words are showing up. If you can, do you think you can tell me what codes aren't necessary? I can't tell which ones practically repeat another code or replaces another. Your codes fixed most of my problems though so thx