Comments in DIV - altering width, another topic. =p Options

[falsetigerlimbs]

Ok so I have literally been searching the forums for two hours, trying every code people suggested to adjust the width of comments inside a DIV...but none of them have worked for me.

I just want to adjust the width of my comments inside of my DIV. But none of the tiny profile codes are working for me. I don't want to change the size of the DIV. Just the comments.

Any suggestions?

This is my about me section:

CODE

<style type="text/css">
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}

JB{The Main: comment div;}
.comt {width:500px; height:116px; overflow:auto;
background-color:#E6FEFF; border:0px solid; border-color:black; position:absolute; top:470px; left:400px; margin-left:-100px; }
JB {Timestamp: width;}
.blacktext10 {width: 200px;}




table table,table table table table,table table {
background-color:transparent;
width:270px;
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,.blacktext10,.nametext,div b font font, div font font u,table table table

table, table table table table td.text, td.text td.text table,table.contacttable {
visibility:hidden;
}

div table form tr td,td.text table,a.text, table div font a, table div div {
visibility:hidden;
}

td.text table table {
display:inline;
visibility:visible;
}


a:active, a:visited, a:link {
cursor:default;
font-family:verdana;
color:000000;
font-size:10px;
font-weight: normal;
font-weight:bold;
}

a:hover {
font-family:verdana;
color:ffffff;
font-size:10px;
text-decoration:none;
font-weight: bold;
cursor:default;
}

body {
background-color: b4f1fc;
overflow: hidden;
cursor:crosshair;
}

div {
scrollbar-face-color:b6b6b6;
scrollbar-arrow-color:b6b6b6;
scrollbar-highlight-color:808080;
scrollbar-shadow-color:808080;
scrollbar-3dlight-color:66d1ec;
scrollbar-darkshadow-color:66d1ec;
scrollbar-track-color:66d1ec;
}

.layout {
position:absolute;
left:250px;
top:120px;
overflow:auto;
visibility:visible;
}
</style>

<style type="text/css">
body {
scrollbar-arrow-color: 19CC7F;
scrollbar-face-color: FFDB7E;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: 19CC7F;
scrollbar-highlight-color: ffffff;
scrollbar-shadow-color: 19CC7F;
scrollbar-track-color: 19CC7F;
background-color: cccccc;
overflow-x: hidden;
background-attachment: fixed;
}
</style>

And I have this at the very end of my Who I'd Like to Meet:

CODE

</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td>

(all my other code is just my content)

[falsetigerlimbs]

No...I mean adjusting the table width



if you see where I drew the [----------------]