comments on a div., a bit of help. Options

[666777]

I can't figure out how to show my comments. I mean i can... but i when i do that, the comment box and the player get messed up. I did the layout myself, i'm not an expert on html or anything of the sort so now i can't figure out what i'm doing wrong.



my codes:

About me secction:


<STYLE TYPE="text/css">
body {
background-color: ffffff;
background-image:url();
background-attachment: fixed;
background-position:bottom left;
background-repeat:no-repeat;
scrollbar-arrow-color: 000000;
scrollbar-face-color:ffffff;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: ffffff;
scrollbar-shadow-color: ffffff;
scrollbar-highlight-color: ffffff;
scrollbar-track-color: ffffff;
cursor: crosshair;
}
b, strong {color: 000000;}
i, em {color: 000000;
}
body, p, td, font {
font-family: Arial; font-size: 9px; color: 000000; text-transform: ;}
table, td, tr, th {
font-family:Arial; font-size: 9px; color: 000000;}
body, td, li, p, div, li, p, br, table {
font-family: Arial; color: 000000; text-transform:;}
.text {
font-family: Arial; font-size: 9px; color: 000000; text-align:left;}
.blacktext12 {
font-family: Arial; font-size: 0px; color: 000000;}
span.blacktext12 {
background-color: 000000; background-image: url(); width: 437px; height: 77px; display: block;
}.redtext
{ font-family: Arial; color: 000000; font-size: 9px;
}.redbtext {
font-family: Arial; color: 000000; font-size: 9px;}
.orangetext15 {
font-family: Arial; font-size: 9px; color: 000000; text-transform: ;}
.whitetext12 {
font-family:Arial; font-size: 9px; color: 000000; text-transform:; text-align: center; background-color: ffffff; display: block; }
.lightbluetext8 {
font-family: Arial; font-size: 9px; color: 000000; text-transform: ; text-align: center; background-color: ffffff; display: block; }
.btext {
font-family: Arial; font-size: 9px; color: 000000; text-transform: ; text-align: center; background-color: ffffff; display: block; }
.blacktext10 {
font-family:Arial; font-size: 9px; color: 000000; text-transform: ; text-align: center; background-color: ffffff; display: block; }
.nametext {
font-family: Arial; font-size: 9px; color: 000000; text-transform: ; text-align: center; background-color: ffffff; display: block; }
table, tr, td {
border: none; background-color: ffffff; padding: 0;}
table {
border: none; background-color: ffffff;}
table table {
border: none; border-color: none; background-color: ffffff;}
.header {display: block; visibility: visible; font-family: "times"; color: ffffff; text-align:left; font-size: 20px; letter-spacing:-1px; text-transform: none; line-height:16px; font-weight: normal; border-bottom: 1px solid; border-color:eff3f4;}
table table table {
border: 2px solid; border-color: 000000; background-color: ffffff; padding: 0;background-image:url();background-repeat:repeat; background-attachment:fixed;}
table table table table {
border: none; border-color: none;}
a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {
font-family: Arial; font-size: 9px; color:000000; text-transform: ; text-decoration: none; }
a:hover, a.navbar:hover, a.redlink:hover {
font-family:Arial; font-size: 8px; color:eff3f4; text-transform: ; font-weight: bold; cursor: crosshair;
}
</style>

<style type="text/css">
table, tr, td {background:transparent;}
table table table table, table table table table td.text, table.contactTable {display:none;}
td.text table, .orangetext15 {visibility:hidden;}
td.text table table {display:inline; visibility:visible;}
td.text td.text table {display:none;}
div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
</style>

Who i'd like to meet section:


<div class="bg" style="position: absolute; left:0px; top:123px; width:1000px; height:1350px; overflow: visable;">




<img src="http://img.photobucket.com/albums/v74/miss-eli/myspl-1-1.jpg" usemap="#myspl-1" alt="" style="border-style:none" />



<map id="myspl-1" name="myspl-1">
<area shape="rect" coords="484,540,615,577" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=72698192" title="" />
<area shape="rect" coords="508,582,585,614" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=72698192" title="" />
<area shape="rect" coords="502,623,598,663" href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=72698192" title="" />
<area shape="rect" coords="657,532,775,576" href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=72698192&public=0" title="" />
<area shape="rect" coords="658,584,777,624" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums2&friendID=72698192&view=true" title="" />
<area shape="rect" coords="671,629,752,669" href="http://blog.myspace.com/72698192" title="" />
<area shape="rect" coords="199,709,273,776" href="http://www.myspace.com/125231167" title="" />
<area shape="rect" coords="300,697,371,771" href="http://www.myspace.com/10529458" title="" />
<area shape="rect" coords="233,785,306,853" href="http://www.myspace.com/68214961" title="" />
<area shape="rect" coords="336,872,424,943" href="http://www.myspace.com/11052684" title="" />
<area shape="rect" coords="313,783,388,864" href="http://www.myspace.com/81592908" title="" />
<area shape="rect" coords="392,783,477,860" href="http://www.myspace.com/50833571" title="" />
<area shape="rect" coords="247,880,328,960" href="http://www.myspace.com/27430594" title="" />
<area shape="rect" coords="694,741,791,868" href="http://www.myspace.com/wutangclancracka" title="" />
<area shape="default" nohref="nohref" alt="" />
</map>




<div class="eli" style="position: absolute; left:240px; top:540px; width:300px; height:150px; overflow: auto;">


<strong>Name:</strong> Eli<br><strong>Age:</strong> 27<br>
<strong>Gender:</strong> Female<br><strong>Here For:</strong> Friends<br>
<strong>Zodiac:</strong>Gemini<br><strong>Orientation:</strong> Straight<br><strong>Status:</strong> In a relationship<br>

</div>







<div class="music" style="position: absolute; left:550px; top:1050px; width:400px; height:300px; overflow: auto;">



<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="104" width="270" data="http://player.poqbum.com/swf/g8de24jgjg92b0b9a0b5efc30fb8gh44/lcd30.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://player.poqbum.com/swf/g8de24jgjg92b0b9a0b5efc30fb8gh44/lcd30.swf" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="flashvars" value="playlist=http%3A%2F%2Fplayer.poqbum.com%2Fswf%2Fg8de24jgjg92b0b9a0b5efc30fb8gh44%2Fmp3player.xml" />
<param name="wmode" value="transparent" />
</object>
</div>




<div class="comments" style="position: absolute; left:245px; top:1050px; width:300px; height:220px; overflow: auto;">
<strong>Leave a Comment:</strong><br>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="72698192" type="hidden"><textarea name="f_comments" style="width: 180; height: 50px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: transparent;" style="overflow:auto;">You make me perfect... </textarea>
<br> <input value="GO" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: transparent;" type="submit"> <input value="CLEAR" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: transparent;" type="reset"></form>

<br></div>

so can anyone help me?

[freeflow]

CODE

<STYLE TYPE="text/css">
body {
background-color: ffffff;
background-image:url();
background-attachment: fixed;
background-position:bottom left;
background-repeat:no-repeat;
scrollbar-arrow-color: 000000;
scrollbar-face-color:ffffff;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: ffffff;
scrollbar-shadow-color: ffffff;
scrollbar-highlight-color: ffffff;
scrollbar-track-color: ffffff;
cursor: crosshair;
}
b, strong {color: 000000;}
i, em {color: 000000;
}
body, p, td, font {
font-family: Arial; font-size: 9px; color: 000000; text-transform:;}
table, td, tr, th {
font-family:Arial; font-size: 9px; color: 000000;}
body, td, li, p, div, li, p, br, table {
font-family: Arial; color: 000000; text-transform:;}
.text {
font-family: Arial; font-size: 9px; color: 000000; text-align:left;}
.blacktext12 {
font-family: Arial; font-size: 0px; color: 000000;}
span.blacktext12 {
background-color: 000000; background-image: url(); width: 437px; height: 77px; display: block;
}.redtext
{ font-family: Arial; color: 000000; font-size: 9px;
}.redbtext {
font-family: Arial; color: 000000; font-size: 9px;}
.orangetext15 {
font-family: Arial; font-size: 9px; color: 000000; text-transform:;}
.whitetext12 {
font-family:Arial; font-size: 9px; color: 000000; text-transform:; text-align: center; background-color: ffffff; display: block; }
.lightbluetext8 {
font-family: Arial; font-size: 9px; color: 000000; text-transform:; text-align: center; background-color: ffffff; display: block; }
.btext {
font-family: Arial; font-size: 9px; color: 000000; text-transform:; text-align: center; background-color: ffffff; display: block; }
.blacktext10 {
font-family:Arial; font-size: 9px; color: 000000; text-transform:; text-align: center; background-color: ffffff; display: block; }
.nametext {
font-family: Arial; font-size: 9px; color: 000000; text-transform:; text-align: center; background-color: ffffff; display: block; }
table, tr, td {
border: none; background-color: ffffff; padding: 0;}
table {
border: none; background-color: ffffff;}
table table {
border: none; border-color: none; background-color: ffffff;}
.header {display: block; visibility: visible; font-family: "times"; color: ffffff; text-align:left; font-size: 20px; letter-spacing:-1px; text-transform: none; line-height:16px; font-weight: normal; border-bottom: 1px solid; border-color:eff3f4;}
table table table {
border: 2px solid; border-color: 000000; background-color: ffffff; padding: 0;background-image:url();background-repeat:repeat; background-attachment:fixed;}
table table table table {
border: none; border-color: none;}
a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {
font-family: Arial; font-size: 9px; color:000000; text-transform:; text-decoration: none; }
a:hover, a.navbar:hover, a.redlink:hover {
font-family:Arial; font-size: 8px; color:eff3f4; text-transform:; font-weight: bold; cursor: crosshair;
}
</style>

table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.comments{visibility:visible;width:500px; height: 400px;position:absolute;top:120px;left:0px;
overflow:auto;background-color:COLORHERE;
border:black 1px solid;z-index:2px;}
</style>

I'd like to meet:

CODE

<div class="bg" style="position: absolute; left:0px; top:123px; width:1000px; height:1350px; overflow: visable;">




<img src="http://img.photobucket.com/albums/v74/miss-eli/myspl-1-1.jpg" usemap="#myspl-1" alt="" style="border-style:none" />



<map id="myspl-1" name="myspl-1">
<area shape="rect" coords="484,540,615,577" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=72698192" title="" />
<area shape="rect" coords="508,582,585,614" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=72698192" title="" />
<area shape="rect" coords="502,623,598,663" href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=72698192" title="" />
<area shape="rect" coords="657,532,775,576" href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=72698192&public=0" title="" />
<area shape="rect" coords="658,584,777,624" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums2&friendID=72698192&view=true" title="" />
<area shape="rect" coords="671,629,752,669" href="http://blog.myspace.com/72698192" title="" />
<area shape="rect" coords="199,709,273,776" href="http://www.myspace.com/125231167" title="" />
<area shape="rect" coords="300,697,371,771" href="http://www.myspace.com/10529458" title="" />
<area shape="rect" coords="233,785,306,853" href="http://www.myspace.com/68214961" title="" />
<area shape="rect" coords="336,872,424,943" href="http://www.myspace.com/11052684" title="" />
<area shape="rect" coords="313,783,388,864" href="http://www.myspace.com/81592908" title="" />
<area shape="rect" coords="392,783,477,860" href="http://www.myspace.com/50833571" title="" />
<area shape="rect" coords="247,880,328,960" href="http://www.myspace.com/27430594" title="" />
<area shape="rect" coords="694,741,791,868" href="http://www.myspace.com/wutangclancracka" title="" />
<area shape="default" nohref="nohref" alt="" />
</map>




<div class="eli" style="position: absolute; left:240px; top:540px; width:300px; height:150px; overflow: auto;">


<strong>Name:</strong> Eli<br><strong>Age:</strong> 27<br>
<strong>Gender:</strong> Female<br><strong>Here For:</strong> Friends<br>
<strong>Zodiac:</strong>Gemini<br><strong>Orientation:</strong> Straight<br><strong>Status:</strong> In a relationship<br>

</div>







<div class="music" style="position: absolute; left:550px; top:1050px; width:400px; height:300px; overflow: auto;">



<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="104" width="270" data="http://player.poqbum.com/swf/g8de24jgjg92b0b9a0b5efc30fb8gh44/lcd30.swf">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://player.poqbum.com/swf/g8de24jgjg92b0b9a0b5efc30fb8gh44/lcd30.swf" />
  <param name="menu" value="false" />
  <param name="quality" value="high" />
  <param name="flashvars" value="playlist=http%3A%2F%2Fplayer.poqbum.com%2Fswf%2Fg8de24jgjg92b0b9a0b5efc30fb8gh44%2Fmp3player.xml" />
  <param name="wmode" value="transparent" />
</object>
</div>




<div class="commentbox" style="position: absolute; left:245px; top:1050px; width:300px; height:220px; overflow: auto;">
<strong>Leave a Comment:</strong><br>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="72698192" type="hidden"><textarea name="f_comments" style="width: 180; height: 50px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: transparent;" style="overflow:auto;">You make me perfect... </textarea>
<br> <input value="GO" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: transparent;" type="submit"> <input value="CLEAR" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: transparent;" type="reset"></form>

<br></div>
<div class="comments"><table><tr><td><table><tr><td>