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]

Well no, You can do that. But I was talking about your div customation:
.titlebar {
color: FFFFFF;
font: 8px arial;
font-weight: bold;
letter-spacing: 0px;
padding: 0px;
background-color:;
background-image: url('http://img139.imageshack.us/img139/194/title9wo.png');
background-repeat:repeat;
text-align:center;}

.comments {
color: 000000;
font: 8px arial;
font-weight: bold;
letter-spacing: 0px;
padding: 0px;
background-color: transparent;
text-align:left;}

.lyrics {
color: 000000;
font: 8px arial;
font-weight: bold;
letter-spacing: 0px;
padding: 0px;
background-color: transparent;
text-align:justify;}

.blog {
color: 000000;
font: 8px arial;
font-weight: bold;
letter-spacing: 0px;
padding: 0px;
background-color: transparent;
text-align:justify;}

.friends {
color: 000000;
font: 8px arial;
font-weight: bold;
letter-spacing: 0px;
padding: 0px;
background-color: transparent;
text-align:justify;}
</style>
you didn't have them in style tags. Thats what I meant to add styletags

But yes it would be smart to align your image in a div. If you can't get it to work in the main template.
But do you have the hide your profile code in there? Can you point it out? Because if you use the one in scripts you should have part of the code in about me & who'd I like to meet. Then under the divs it tells you to put in who'd I like to meet you put your iamge and it should come up the right size.