Comment DIV (I couldn't find the answer), Problems with div overlay order... Options

[Modest Brown Guy]

I'm sorry if this has been asked before, but I couldn't find it. My problem is having my comment div appearing over my main div that hides everything. I've tried switching the sets of codes around, but I can't get my comment div to be on top! Code is here if you want to find my problem:

ABOUT ME:
<Style type="text/css"> body{ background-color:6E4E2A; } Table, Td{ background-color:transparent; } </Style> <style type="text/css"> .Main { position:absolute; left:40%; top:150px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;} </style> <style type=text/css> .comments {width:..px; overflow: none;} .comments table {background-color: transparent;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>


I'D LIKE TO MEET:
<DIV class="Main"> <table style="width:1100px; height:1100px; cellpadding:0px; cellspacing:0px; border:0px solid silver; background-color:transparent;}"> <tr> <td valign="top"></td> <img src=" http://home.comcast.net/~pilotinrcp1/backg...4.png"> </tr> </table> </DIV> <div class="comments" style="overflow:auto; width: 400px; height:300px; position: absolute; top:1100px; margin-left: 100px;"><center><table><table><tbody><tr><td><table></center></div>