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.

[freeflow]

EDIT IN SAFEMODE NOW .
Its much easier you may not even have to use the manual submit or manual edit button if you do. If you don't it may be harder. But safemode or no safemode makes no difference.

Um the whole FF & IE thing just happens to me. Just try aligning it out and who knows it might just be aligned in both.