Overlay Div Help Options

[Relentless]

I'm having trouble on my first overlay div. I'm just trying it but now it's so frusterating. I'm using the hide profile script and some other script to hide so I can start the Overlay Div. Although, when I put my image/css/div's it comes out weird. ALSO, I can see the profile on the side and that big huge white square box which was from the hide profile. I tried to position stuff first but it was complicated, couldn't position it.

Here's the CSS code, which was directly from here, except the changes.

<!-- begin code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><style><br />{sets the default style for the body, table data, list data, divisions and text areas}<br />{ body, well you know what that is}<br />{ div, p, and xmp are classes}<br />{ table, tr, td, and th are table properties}<br />body,div,p,xmp,table,tr,td,th{<br />background-color:FFFFFF;<br />scrollbar-arrow-color:EDF3FE;<br />scrollbar-track-color:FFFFFF;<br />scrollbar-shadow-color:FFFFFF;<br />scrollbar-face-color:FFFFFF;<br />scrollbar-highlight-color:FFFFFF;<br />scrollbar-darkshadow-color:FFFFFF;<br />scrollbar-3dlight-color:FFFFFF;<br />font-family:arial;<br />font-size:8pt;<br />color:000000;<br />border:none;}<br /><br />input, select, textarea, .textfield, .button {<br />font-family:arial;<br />font-size:8pt;<br />color:000000;<br />border: 1px  solid 000000;<br />background-color:transparent;<br />text-align:left;}<br /><br />{ TEXT DEFAULTS }<br />{class for the basic font for the page}<br />.text {<br />font-family:arial; font-size:8pt; line-height:10pt; color:000000;text-align:justify;}<br /><br />b,i,strong,em,u,s {<br />font-family:arial; font-size:8pt;color:3D80DF;font-weight:normal;cursor:cross-hair;}<br /><br />{style for the number of friends you have.}<br />.redbtext{font-family:arial; font-size:8pt; line-height:10pt; color:000000;border:0px solid 000000; }<br /><br />{repeat of the style for how many comments you have}<br />.redbtext{font-family:arial; font-size:8pt; line-height:10pt; color:000000; border:0px solid 000000;}<br /><br />{"Blurbs", "About Me", "Who I’d like to Meet", "Friend Space", and "Friend’s Comments" style}<br />.orangetext15{font-family:arial; text-transform:uppercase; font-size:11px; color:000000; font-weight:bold;background:000000; border:0px solid 000000;text-decoration:underline;}<br /><br />{"General", "Music", "Movies", "Television", "Books", "Heros", "Status", "Here for", "Hometown", "Body Type", "Ethnicity", "Religion", "Sign", "Smoke/Drink", "Children", "Education", "Occupation", and "Income" title style}<br />.lightbluetext8{font-family:arial; text-transform:uppercase; font-size:11px; color:000000; font-weight:bold;background:000000;border:0px solid 000000;text-align:center;}<br /><br />{"In your extended network" style}<br />.blacktext12{font-family:arial; font-size:16px; color:000000; font-weight:bold;text-decoration: underline; text-transform:uppercase;}<br /><br />{"Contacting", "Interests", "Details", and "Schools" title styling}<br />.whitetext12{font-family:000000; font-size:16px; color:000000; font-weight:bold;text-decoration: underline; border:0px solid CCFFFF; text-transform:uppercase;}<br /><br />{Stylizing of your name above your picture; appears you can’t change the color of your name from here. Suggestions?}<br />.nametext{font-family:arial; font-size:16px; color:000000; font-weight:bold;text-decoration:underline;border:none;text-transform:uppercase;}<br /><br />{date stamp on comments}<br />.blacktext10{font-family:arial; font-size:8pt; line-height:10pt; color:000000;border:0px solid 000000;}<br /><br />{This is how all anchor points will be displayed; anchor points appear before all links.}<br />a, a:link,a:active,a:visited{font-family:arial; font-size:8pt; line-height:10pt; color:FFFFFF;text-decoration:none}<br />a:hover{border-bottom:1px dashed FFFFFF; font-family:arial; font-size:8pt; line-height:10pt; color:FFFFFF;} <br /><br />{not used on profile}<br />a.readmail,a.readmail:link,a.readmail:active,a.readmail:visited{font-family:arial; font-size:8pt; line-height:10pt; text-decoration:none;color: ffffff;}<br />a.readmail:hover{font-family:arial; font-size:8pt; line-height:10pt; color:000000;border-bottom:1px dashed 000000; }<br /><br />{ "View all friends" and "invite more" link style}<br />a.redlink,a.redlink:link,a.redlink:active,a.redlink:visited{font-family:arial; font-size:8pt;font-weight:bold;color:FFFFFF;text-decoration:none}<br />a.redlink:hover{font-family:arial; font-size:8pt; line-height:10pt; color:000000;border-bottom:1px dashed FFFFFF;} <br /><br />{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}<br />a.navbar,a.navbar:link,a.navbar:active,a.navbar:visited{font-family:arial; font-size:8pt;color:000000;text-decoration:none}<br />a.navbar:hover{font-family:arial; font-size:8pt; line-height:10pt; color:000000; border-bottom:1px dashed FFFFFF;}<br /><br />{ TEXT FORMATTING <br /> DEFAULT FONT, SIZE 8, BLACK }<br />{ btext used for "latest blog entry" and "USERNAME has * friends"}<br />.btext, .itext{font-family:arial;  font-size:8pt; line-height:10pt; color:000000;border:0px solid FFFFFF;}<br /><br />{ DEFAULT FONT, SIZE 8, COLORS }<br />{unused on profile}<br />.bwtext, .rtext, .rbtext, .subhead{font-family:arial; color:000000;font-size:8pt;font-weight:bold;}<br /><br />{ DEFAULT FONT, SIZE 8 }<br />{unused on profile}<br />.stext, .sbtext, .swtext{font-family:arial; color:000000;font-size:8pt;}<br /><br />{ DEFAULT FONT, SIZE 11 }<br />{unused on profile}<br />.head11, .text11{font-family:arial; color:000000;font-size:8pt;}<br /><br />{ TABLE COLORS }<br />{apparently unused?}<br />table.grey, tr.grey, td.grey{font-family:arial; <br />font-size:8pt;background:transparent;border:0px solid FFFFFF;}<br />table.white, tr.white, td.white{font-family:arial; <br />font-size:8pt;background:transparent;border:0px solid FFFFFF;}<br />table.accent_light, tr.accent_light, <br />td.accent_light{font-family:arial; <br />font-size:8pt;background:transparent;border:0px solid FFFFFF;} <br />table.accent_dark, tr.accent_dark, <br />td.accent_dark{font-family:arial; <br />font-size:8pt;background:transparent;border:0px solid FFFFFF;}<br />table.action, tr.action, td.action{font-family:arial; <br />font-size:8pt;background:transparent;border:0px solid FFFFFF; }<br />table.blue_light, tr.blue_light, <br />td.blue_light{font-family:arial; <br />font-size:8pt;background:transparent;border:0px solid FFFFFF;}<br />table.blue_dark, tr.blue_dark, td.blue_dark{font-family:arial; <br />font-size:8pt;background:transparent;border:0px solid FFFFFF;}<br /><br /><br />{"Help" and "Signout" in very top in right corner}<br />a.man,a:link,a:active,a:visited{font-family:tahoma; font-size:8pt;color:FFFFFF; text-decoration:none;}<br />a:hover{font-family:tahoma; <br />font-size:8pt;color:FFFF00; text-decoration:none;border-bottom:1px dashed FFFFFF;}<br /></style><br /><br />.titlebar {<br />color: FFFFFF;<br />font: 8px arial;<br />font-weight: bold;<br />letter-spacing: 0px;<br />padding: 0px;<br />background-color:;<br />background-image: url('http://img139.imageshack.us/img139/194/title9wo.png'); <br />background-repeat:repeat; <br />text-align:center;}<br /><br />.comments {<br />color: 000000;<br />font: 8px arial;<br />font-weight: bold;<br />letter-spacing: 0px;<br />padding: 0px;<br />background-color: transparent; <br />text-align:left;}<br /><br />.lyrics {<br />color: 000000;<br />font: 8px arial;<br />font-weight: bold;<br />letter-spacing: 0px;<br />padding: 0px;<br />background-color: transparent;<br />text-align:justify;}<br /><br />.blog {<br />color: 000000;<br />font: 8px arial;<br />font-weight: bold;<br />letter-spacing: 0px;<br />padding: 0px;<br />background-color: transparent;<br />text-align:justify;}<br /><br />.friends {<br />color: 000000;<br />font: 8px arial;<br />font-weight: bold;<br />letter-spacing: 0px;<br />padding: 0px;<br />background-color: transparent;<br />text-align:justify;}<br /><br /><!-- end code provided by createblog.com -->

<!-- end code provided by createblog.com -->

Here's the code I put in my Who'd I Like to meet (Interest section)

<!-- begin code provided by createblog.com --><br /><br /><br /><br /><div class="lyrics" style="position: absolute; left:0px; top:120px; width:177px; height:348px; overflow: hidden;"><br /><p class="titlebar">STILL WORKING ON THE LAYOUT</p><br />BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> <br /></div><br /><br /><div class="main" style="position: absolute; left:300px; top:150px; width:276px; height:333px; overflow: hidden;"> <br /><p class="titlebar">STILL WORKING ON THE LAYOUT</p> BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> BLAH BLAH BLAH BLAH <BR> <br /></div><br /><br /><div class="friends" style="position: absolute; left:200px; top:210px; width:234px; height:333px; overflow: hidden;"><br />BLAH BLAH BLAH BLAH BLAH BLAH BLAH </div><br /><br /><div class="comments" style="position: absolute; left:-100px; top:90px; width:177px; height:348px; overflow: hidden;"><br /><form method="post" action="http://www.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="17445051" type="hidden"><textarea name="f_comments" cols="2" rows="2" style="border-width: 1px; border-style: solid; border-color: transparent; font-family: arial; font-size: 8px; color: 000000; background-color: transparent;" style="overflow:auto;"></textarea><br> <input value="bleh" style="border-width: 1px; border-style: solid; border-color: transparent; font-family: arial; font-size: 8px; color: 000000; background-color: transparent;" type="submit">&nbsp;<input value="clear" style="border-width: 1px; border-style: solid; border-color: transparent; font-family: arial; font-size: 8px; color: 000000; background-color: transparent;" type="reset"></form><br /></div><br /><br /><!-- end code provided by createblog.com -->

Here's the outline I'm TRYING TO do.
-- http://img431.imageshack.us/img431/1539/layoutoutline7xj.jpg --
I'm having trouble positioning and the profile underneath the "hide profile" script. I can only see like part of my image. I'm trying to do. Anyone help me with these couple problems? (x Thanks.