DIV LAYOUT HELP! Options

[JXPro]

See everything is correct I believe, but the comment box is no where to be found, I have the placements correct, but it's like hidden. HELP! Heres the code:

CODE

<div style="position:absolute; left:306px; top:153px; text-align: center; z-index:1; background-color:; width:438px; height:530px; padding-bottom:-20px; "><img src="http://i31.tinypic.com/nb2140.png" width="500" height="550" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="169,176,235,199" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">
<area shape="rect" coords="269,175,309,196" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfY29uZmlybSZzdGF0dXNDRD0xJmZyaWVuZElEPTE1NjM2NDA=">
<area shape="rect" coords="342,175,445,197" href="#">
<area shape="rect" coords="181,143,369,163" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xNTYzNjQw">
</map></div>

<style>
.aboutme {
position:absolute;
overflow: auto;
left:469px;
top:364px;
width:299px;
height:215px;
z-index:5;
}
.style1 {color:000000}
.style2 {color:000000}
.style2 {font-family: Times New Roman}
.style2 {font-size: 24px}
</style>


<style>
.aboutme2 {
position:absolute;
overflow: auto;
left:458px;
top:615px;
width:332px;
height:76px;
z-index:3;
}
</style>

<div class="aboutme"><span class="style1">
<left><h2><span class="style2">About Me</span></h2></left>
Your Training Is Nothing. The Will Is Everything. The Will To Act. __________________________It's survival instinct that keeps my head above the water. __________________________________I've been waiting for you. Neither enemy nor friend, I am back from a world where such words are meaningless. __________________________________We're not tools of the government, or anyone else. Fighting was the only thing, the only thing I was good at. But... at least I always fought for what I believed in.


<div class="aboutme2"><span class="style1">
<center>
<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="1563640" autocomplete="off"><textarea name="f_comments" id="t_area" style="background-color:rgb(0,0,0);border-color:rgb(0,0,0);border-width:1px;color:rgb(151,0,0);border-style:solid;font-family:verdana;font-size:12px;width:331px;height:77px;padding:0px;font-weight:bold;font-style:none;text-decoration:none;" autocomplete="off">MyWackoSpace.com Rocks! Comment Me!</textarea><br><input id="submit_button" type="submit" style="background-color:rgb(0,0,0);border-color:rgb(0,0,0);border-width:0px;color:rgb(193,0,0);border-style:solid;font-family:arial;font-size:9px;font-weight:normal;font-style:none;text-decoration:none;" value="Comment" autocomplete="off">&nbsp;<input id="reset_button" type="reset" style="background-color:rgb(0,0,0);border-color:rgb(0,0,0);border-width:0px;color:rgb(193,0,0);border-style:solid;font-family:arial;font-size:9px;font-weight:normal;font-style:none;text-decoration:none;" value="Reset" autocomplete="off"></form></center>
</span></div>

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>

</div>

Put in bold.

Reason for edit: changed to codebox code -agiri

[Relentless]

Have you ever tried to re-do the comment code?

Such as these...

http://www.createblog.com/scripts/script.php?id=391
http://www.createblog.com/scripts/script.php?id=54

Also, I think it's because of your z-index. The number would represent what div would go on top of what. Try putting the z-index 1 or not have it at all?

[JXPro]

I actually did change the comment box numerous times, also changed the z-index to 1 which didn't work, as well as took it away which didn't work either. :/

[Relentless]

Try putting the z-index 6.

[JXPro]

So no changing of the z-index has worked. :[

[heyo-captain-jac...]

I don't see whats doing it. Was this from a generator? If so use the generator again.

And for future reference use the codebox tag.

CODE

[codebox]code here[/codebox]

[Friend14]

As far as i concerned there is problem only with z-index. Try changing some numbers there.