DIV help. pleeease. Options

[bel_oubli]

this is my first layout using div overlay,
& i'm really confused.
there's a black rectangle peeking through my picture.
i've tried everything i could think of,
but it's still there!

myspace.

pleeease help.

[*This Confession*]

post your codes.

if you were to take out the whole thing in divs and stuff
is it still there?

[bel_oubli]

this is like, my first post on here so bear with me. it's hard to do, but i'll try to post my codes.
& it's not there when my DIV is off.

i hope this is waht you mean by "post your codes"

in about me:

</style><!-- --> --> --> --> --> --> --> --> --> --> --> --> --> --> begin code provided by createblog.com -->
<style>
{sets the default style for the body, table data, list data, divisions and text areas}
{ body, well you know what that is}
{ div, p, and xmp are classes}
{ table, tr, td, and th are table properties}
body,div,p,xmp,table,tr,td,th{
background-color:470705;
scrollbar-arrow-color:470705;
scrollbar-track-color:470705;
scrollbar-shadow-color:F4D8CA;
scrollbar-face-color:F4D8CA;
scrollbar-highlight-color:F4D8CA;
scrollbar-darkshadow-color:F4D8CA;
scrollbar-3dlight-color:F4D8CA;
font-family:tahoma;
font-size:8pt;
color:F4D8CA;
border:none;}

input, select, textarea, .textfield, .button {
font-family:tahoma;
font-size:8pt;
color:FFFFFF;
border: 1px dashed F4D8CA;
background-color:transparent;
text-align:center;}

{ TEXT DEFAULTS }
{class for the basic font for the page}
.text {
font-family:tahoma; font-size:8pt; line-height:10pt; color:F4D8CA;text-align:justify;}

b,i,strong,em,u,s {
font-family:tahoma; font-size:8pt;color:FFFF00;font-weight:normal;cursor:help;}

{style for the number of friends you have.}
.redbtext{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF;border:0px solid FFFFFF; }

{repeat of the style for how many comments you have}
.redbtext{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF; border:0px solid FFFFFF;}

{"Blurbs", "About Me", "Who I’d like to Meet", "Friend Space", and "Friend’s Comments" style}
.orangetext15{font-family:courier new; text-transform:uppercase; font-size:11px; color:FFFF00; font-weight:bold;background:470705; border:0px solid FFFFFF;text-decoration:underline;}

{"General", "Music", "Movies", "Television", "Books", "Heros", "Status", "Here for", "Hometown", "Body Type", "Ethnicity", "Religion", "Sign", "Smoke/Drink", "Children", "Education", "Occupation", and "Income" title style}
.lightbluetext8{font-family:courier new; text-transform:uppercase; font-size:11px; color:FFFF00; font-weight:bold;background:470705;border:0px solid FFFFFF;text-align:right;}

{"In your extended network" style}
.blacktext12{font-family:courier new; font-size:16px; color:FFFF00; font-weight:bold;text-decoration: underline; text-transform:uppercase;}

{"Contacting", "Interests", "Details", and "Schools" title styling}
.whitetext12{font-family:courier new; font-size:16px; color:F4D8CA; font-weight:bold;text-decoration: underline; border:0px solid F4D8CA; text-transform:uppercase;}

{Stylizing of your name above your picture; appears you can’t change the color of your name from here. Suggestions?}
.nametext{font-family:courier new; font-size:16px; color:F4D8CA; font-weight:bold;text-decoration:underline;border:none;text-transform:uppercase;}

{date stamp on comments}
.blacktext10{font-family:tahoma; font-size:8pt; line-height:10pt; color:F4D8CA;border:0px solid FFFFFF;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a, a:link,a:active,a:visited{font-family:tahoma; font-size:8pt; line-height:10pt; color:F4D8CA;text-decoration:none}
a:hover{border-bottom:1px dashed FFFFFF; font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFFFF;}

{not used on profile}
a.readmail,a.readmail:link,a.readmail:active,a.readmail:visited{font-family:tahoma; font-size:8pt; line-height:10pt; text-decoration:none;color: F4D8CA;}
a.readmail:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFF00;border-bottom:1px dashed FFFFFF; }

{ "View all friends" and "invite more" link style}
a.redlink,a.redlink:link,a.redlink:active,a.redlink:visited{font-family:tahoma; font-size:8pt;font-weight:bold;color:FFFFFF;text-decoration:none}
a.redlink:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFF00;border-bottom:1px dashed FFFFFF;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar,a.navbar:link,a.navbar:active,a.navbar:visited{font-family:tahoma; font-size:8pt;color:FFFFFF;text-decoration:none}
a.navbar:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFF00; border-bottom:1px dashed FFFFFF;}

{ TEXT FORMATTING
DEFAULT FONT, SIZE 8, BLACK }
{ btext used for "latest blog entry" and "USERNAME has * friends"}
.btext, .itext{font-family:tahoma; font-size:8pt; line-height:10pt; color:FFFF00;border:0px solid FFFFFF;}

{ DEFAULT FONT, SIZE 8, COLORS }
{unused on profile}
.bwtext, .rtext, .rbtext, .subhead{font-family:tahoma; color:FFFF00;font-size:8pt;font-weight:bold;}

{ DEFAULT FONT, SIZE 8 }
{unused on profile}
.stext, .sbtext, .swtext{font-family:tahoma; color:FFFF00;font-size:8pt;}

{ DEFAULT FONT, SIZE 11 }
{unused on profile}
.head11, .text11{font-family:tahoma; color:FFFF00;font-size:8pt;}

{ TABLE COLORS }
{apparently unused?}
table.grey, tr.grey, td.grey{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.white, tr.white, td.white{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.accent_light, tr.accent_light,
td.accent_light{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.accent_dark, tr.accent_dark,
td.accent_dark{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.action, tr.action, td.action{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF; }
table.blue_light, tr.blue_light,
td.blue_light{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}
table.blue_dark, tr.blue_dark, td.blue_dark{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid FFFFFF;}


{"Help" and "Signout" in very top in right corner}
a.man,a:link,a:active,a:visited{font-family:tahoma; font-size:8pt;color:FFFFFF; text-decoration:none;}
a:hover{font-family:tahoma;
font-size:8pt;color:FFFFFF; text-decoration:none;border-bottom:1px dashed FFFFFF;}
</style>
<!-- --> --> --> --> --> --> --> --> --> --> --> --> --> --> end code provided by createblog.com -->
<style type="text/css">.comments {visibility:hidden;display:none;}</style>
<style type="text/css">
table td.text {visibility:hidden;}
td.text td, td.text span, td.text a {visibility:visible;}
td.text b {font-weight:normal; visibility:visible;}

.r{}
.hidefs{display:none}
.r{}
div table table table table table div {display:block !important}

</style>
</div> <style type="text/css"> .hidethem {visibility:hidden; display:none;} </style>
<style>embed{
visibility:visible;
position:absolute;
top:0;
left:0;
width:1;
height:1;
}</style>

in i'd like to meet:

<div class="bg" style="position: absolute; left:0px; top:0px; width:1024px; height:768px; overflow: hidden;">
<img src="http://img.photobucket.com/albums/v198/bel_oubli/myspacepic4.jpg">
</div>

<div class="content" style="position: absolute; left:272px; top:564px; width:480px; height:100%; overflow: visible;"><center>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=11615667&MyToken=9f05cfb9-7c32-426d-b221-ddb5bf1dc68d">pictures</a> - <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=11615667&MyToken=05fd8306-22f1-487f-8a19-92f4c6175617ML">blog</a> - <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=11615667">add</a> - <a href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=11615667&name=maggie+faggie+%5beight+shilling%5d&MyToken=9f05cfb9-7c32-426d-b221-ddb5bf1dc68d">comment</a> - <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=11615667">message</a>
<BR><BR>
my name is maggie.<BR>
my age is sixteen.<BR>
my boyfriend is a badass.<BR>
the end.
<BR><BR>
<div align="center"> <table style="color: black; background: ..eeeeee" border="0" cellpadding="0" cellspacing="2" bgcolor="..eeeeee"> <tr> <td bgcolor="..eeeeee"> <div align="center">Advanced Global Personality Test Results<br> <table border="0" cellpadding="0" cellspacing="4" bgcolor="..eeeeee"><tr> <td> <table style="color: black; background: ..dddddd" border="0" cellpadding="0" cellspacing="2" bgcolor="..eeeeee"> <tr> <td><a href="http://similarminds.com/types/extraversion.html" target="_blank">Extraversion</a></td> <td width="61">||||||||||||||||</td> <td width="30">66%</td> </tr> <tr> <td><a href="http://similarminds.com/types/stability.html" target="_blank">Stability</a></td> <td width="61">||||</td> <td width="30">16%</td> </tr> <tr> <td><a href="http://similarminds.com/types/orderliness.html" target="_blank">Orderliness</a></td> <td width="61">||||||||||||||</td> <td width="30">60%</td> </tr> <tr> <td><a href="http://similarminds.com/types/accommodation.html" target="_blank">Accommodation</a></td> <td width="61">||||||</td> <td width="30">23%</td> </tr> <tr> <td><a href="http://similarminds.com/types/interdependence.html" target="_blank">Interdependence</a></td> <td width="61">||||||||||||</td> <td width="30">50%</td> </tr> <tr> <td><a href="http://similarminds.com/types/intellectual.html" target="_blank">Intellectual</a></td> <td width="61">||||||||||||||||||||</td> <td width="30">90%</td> </tr> <tr> <td><a href="http://similarminds.com/types/mystical.html" target="_blank">Mystical</a></td> <td width="61">||||||||||||||||</td> <td width="30">63%</td> </tr> <tr> <td><a href="http://similarminds.com/types/artistic.html" target="_blank">Artistic</a></td> <td width="61">||||||||||||||||||||</td> <td width="30">83%</td> </tr> <tr> <td><a href="http://similarminds.com/types/religious.html" target="_blank">Religious</a></td> <td width="61">||</td> <td width="30">10%</td> </tr> <tr> <td><a href="http://similarminds.com/types/hedonism.html" target="_blank">Hedonism</a></td> <td width="61">||||||||||||||||||||</td> <td width="30">83%</td> </tr> <tr> <td><a href="http://similarminds.com/types/materialism.html" target="_blank">Materialism</a></td> <td width="61">||||||</td> <td width="30">23%</td> </tr> <tr> <td><a href="http://similarminds.com/types/narcissism.html" target="_blank">Narcissism</a></td> <td width="61">||||||||||</td> <td width="30">36%</td> </tr> <tr> <td><a href="http://similarminds.com/types/adventurousness.html" target="_blank">Adventurousness</a></td> <td width="61">||||||||||</td> <td width="30">36%</td> </tr> <tr> <td><a href="http://similarminds.com/types/workethic.html" target="_blank">Work ethic</a></td> <td width="61">||||||||||||</td> <td width="30">43%</td> </tr> <tr> <td><a href="http://similarminds.com/types/selfabsorbed.html" target="_blank">Self absorbed</a></td> <td width="61">||||||||||||||||</td> <td width="30">63%</td> </tr> <tr> <td><a href="http://similarminds.com/types/conflictseeking.html" target="_blank">Conflict seeking</a></td> <td width="61">||||||||||||||||||||</td> <td width="30">83%</td> </tr> <tr> <td><a href="http://similarminds.com/types/needtodominate.html" target="_blank">Need to dominate</a></td> <td width="61">||||||||||||||||||||</td> <td width="30">90%</td> </tr> </table> </td> <td> <table style="color: black; background: ..dddddd" border="0" cellpadding="0" cellspacing="2" bgcolor="..dddddd"> <tr> <td><a href="http://similarminds.com/types/romantic.html" target="_blank">Romantic</a></td> <td width="61">||||||</td> <td width="30">23%</td> </tr> <tr> <td><a href="http://similarminds.com/types/avoidant.html" target="_blank">Avoidant</a></td> <td width="61">||||||||||||||||</td> <td width="30">63%</td> </tr> <tr> <td><a href="http://similarminds.com/types/antiauthority.html" target="_blank">Anti-authority</a></td> <td width="61">||||||||||||||||</td> <td width="30">63%</td> </tr> <tr> <td><a href="http://similarminds.com/types/wealth.html" target="_blank">Wealth</a></td> <td width="61">||||||||||||</td> <td width="30">43%</td> </tr> <tr> <td><a href="http://similarminds.com/types/dependency.html" target="_blank">Dependency</a></td> <td width="61">||||||||||</td> <td width="30">36%</td> </tr> <tr> <td><a href="http://similarminds.com/types/changeaverse.html" target="_blank">Change averse</a></td> <td width="61">||||||||||||||||</td> <td width="30">70%</td> </tr> <tr> <td><a href="http://similarminds.com/types/cautiousness.html" target="_blank">Cautiousness</a></td> <td width="61">||||||||||||||||||||</td> <td width="30">83%</td> </tr> <tr> <td><a href="http://similarminds.com/types/individuality.html" target="_blank">Individuality</a></td> <td width="61">||||||||||||||||||||</td> <td width="30">83%</td> </tr> <tr> <td><a href="http://similarminds.com/types/sexuality.html" target="_blank">Sexuality</a></td> <td width="61">||||||</td> <td width="30">23%</td> </tr> <tr> <td><a href="http://similarminds.com/types/peterpancomplex.html" target="_blank">Peter pan complex</a></td> <td width="61">||||||||||||||</td> <td width="30">56%</td> </tr> <tr> <td><a href="http://similarminds.com/types/physicalsecurity.html" target="_blank">Physical security</a></td> <td width="61">||||||||||||||||||||</td> <td width="30">90%</td> </tr> <tr> <td><a href="http://similarminds.com/types/physicalfitness.html" target="_blank">Physical Fitness</a></td> <td width="61">||||||||||</td> <td width="30">37%</td> </tr> <tr> <td><a href="http://similarminds.com/types/histrionic.html" target="_blank">Histrionic</a></td> <td width="61">||||||||||||||</td> <td width="30">56%</td> </tr> <tr> <td><a href="http://similarminds.com/types/paranoia.html" target="_blank">Paranoia</a></td> <td width="61">||||||||||||||||||</td> <td width="30">76%</td> </tr> <tr> <td><a href="http://similarminds.com/types/vanity.html" target="_blank">Vanity</a></td> <td width="61">||||||||||||</td> <td width="30">43%</td> </tr> <tr> <td><a href="http://similarminds.com/types/hypersensitivity.html" target="_blank">Hypersensitivity</a></td> <td width="61">||||||||||||||||||||</td> <td width="30">90%</td> </tr> <tr> <td><a href="http://similarminds.com/types/femalecliche.html" target="_blank">Female cliche</a></td> <td width="61">||||||</td> <td width="30">23%</td> </tr> </table> </td> </tr> </table> </div> </td> </tr> </table> <a href="http://similarminds.com/global-adv.html">Take Free Advanced Global Personality Test</a><br><font size="1"><a href="http://similarminds.com">personality tests by similarminds.com</a></font>
<BR><BR><BR>
<embed allowScriptAccess="never" src="http://www.foxyshazam.com/media/mp3/01%20-%20the%20french%20passion%20of%20animality%20opera.mp3" width="360" height="165" />
</div>
<div class="comments"><table><tr><td><table><tr><td>

interests:

<style>
.div1 {
background-color:000000; color:000000;
border:0px solid; border-color:silver;
width:400px; height:100px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-250px; margin-top:150px;
visibility:visible;}
</style>

music:

<div class="div1">
content
</div>

heroes:

</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td>
<div class="hidethem"><table><tr><td><table><tr><td>

[*This Confession*]

k so if you were to get rid of all your who id like to meet stuff
does that black box go away?

[bel_oubli]

nope.
still there.

[*This Confession*]

k
put back your who id like to meet stuff.

and then go erase the stuff in your music and interest space.

is it there now?

[bel_oubli]

noo, it's gone.
now it's finee.

thank you so much.
:D.

[*This Confession*]

hah your welcome
if you want to add new div areas make them in your who id like to meet part.


using this

CODE

<div class="content" style="position: absolute; left:000px;  top:000px; width:000px; height:000px; overflow: auto;"><center>

CONTENT HERE

</div>

change hte left and top to position it and well the width and height for the size of the div.



good luck