Overlay Help, Comments Options

[metalmikey]

I am trying to get my comment overlay box to be on top of my actual div image but am having some problems. If anyone could shoot a quick code my way to fix this I will be greatful.

Here's my code:

<style type="text/css">

table, tr, td {background:transparent;} table table table table, table.contactTable {display:none;} td.text table{visibility:hidden;}.nametext, .whitetext12, .orangetext15 {display:none;}div table td font {display: none;}body {background-image: url(http://img159.imageshack.us/img159/690/backgcu3.gif);} td.text table table{display:inline;visibility:visible;}table, td{border-width:0px;}.byebye{display:none;}


.divimage{
position: absolute;
left: 50%;
top:125px;
margin-left: -385px;
height: 770px;
width: 770px;
background-color:FFFFFF;
z-index:1;
}


.comments {width:#px; overflow: none;}
.comments table {background-color: transparent;z-index:2px;margin-top: -3px;}
.comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;}


</style>




<div class="divimage"></div>
<div class="comments" style="overflow:auto; width: 500px; height:200px; position: absolute; top:820px; margin-left: -250px;"><center><table><table><tbody><tr><td><table></center></div>



My myspace is http://www.myspace.com/insomniashow

[*WHIMSICAL 0NE*]

Have you tried changing the width in the css?
.comments {width:#px; overflow: none;}

[metalmikey]

Yes, I changed it and am still having the same problem.

[freeflow]

Change

CODE

<div class="comments" style="overflow:auto; width: 500px; height:200px; position: absolute; top:820px; margin-left: -250px;"><center><table><table><tbody><tr><td><table></center></div>

To

CODE

<div class="comments" style="overflow:auto; width: 500px; height:200px; position: absolute; top:820px;left: 250px;"><center><table><table><tbody><tr><td><table></center></div>

And make the top and left numbers smaller to move it to the top. Well make the top smaller to move it to the top.

[metalmikey]

Thank you for the posts but it is still staying behind my actual main div image. How can I put it over top of it?

[freeflow]

Change to this:

CODE

<div class="comments" style="overflow:auto; position: absolute; width: 500px; height:200px; position: absolute; top:820px;left: 250px;"><center><table><table><tbody><tr><td><table></center></div>

[metalmikey]

Just did and I am getting the same result.

[freeflow]

New code

CODE

<style type="text/css">

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:250px;
overflow:auto;background-color:COLORHERE;
border:black 1px solid;z-index:2;}
body {background-image: url(http://img159.imageshack.us/img159/690/backgcu3.gif);}


.divimage{
position: absolute;
left: 50%;
top:125px;
margin-left: -385px;
height: 770px;
width: 770px;
background-color:FFFFFF;
z-index:1;
}


</style>

And I'd like to meet

CODE

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