Comment size in DIV, changing the width of comments Options

[timloveslavonne]

Hi, I'm new here. I am learning little by little about HTML and CSS, and I've just been teaching myself by trial and error by reading the layout codes of free layouts posted on sites for public use.

I recently started using a DIV overlay layout I got from one of these sites, changing it to suit my needs.

My problem is this: The comments don't fill the whole comment box. The width of the div seems to be right, because the Scrollbar is where it needs to be on the outside of the box.

But my comments are only taking up an inch or so in the box.

Here is my stylesheet code:



<style>
table, table td {background-color:transparent;}
table table table {visibility:hidden;}
table table table div table {visibility:visible;}
.comt table table table {visibility:visible;}
table div div, table tr td div font a {visibility:hidden;}
table div .content {visibility:visible}
.span, .orangetext15 {display:none;}



{body}
body { border-width:0px; border-style:solid; border-color:000000; background-color:FFFFFF;background-image:url('http://i16.photobucket.com/albums/b6/LavonneJoseph/BusinessOverlayNew.jpg'); background-attachment:scrollable; background-position:top center; background-repeat:no-repeat;}
body {scrollbar-face-color:FFFFFF; scrollbar-highlight-color:FFFFFF; scrollbar-3dlight-color:FFFFFF; scrollbar-shadow-color:FFFFFF; scrollbar-darkshadow-color:FFFFFF; scrollbar-arrow-color:621881; scrollbar-track-color:621881;}


{text}
div, font, input, bell mt, td{font-family:century gothic !important;font-size:16pt; !important;
color: FFFFFF!important;}

.blacktext10 {color:000000; font-size:9pt;}
a:active, a:visited, a:link {color:000000; font-size:9pt;}
a:hover {color:575757}
a.navbar:active, a.navbar:visited, a.navbar:link {color:71cdd7; font-size:9px;}

u{font-family:century gothic;font-size:11px;color:98ddcc;font-weight:bold;text-decoration:none;letter-spacing:0px;text-transform:lowercase;border-bottom-color:000000;letter-spacing:0px;}
b{font-family:century gothic;font-size:9px;color:000000;font-weight:bold;text-decoration:;letter-spacing:0px;text-transform:lowercase;}



{divs}
.navi, .comt, .friends, .about {background-color:; background-image:url('');background-attachment:fixed; background-position:top right; background-repeat:yes-repeat; position:absolute; left:50%; top:0%; visibility:visible; border-width:0px; border-style:solid; border-color:; overflow:auto;}




.content {padding:2px;}
.navi {width:150px; height:350px;
margin-left:-225px; margin-top:950px; z-index=6}
.friends {width:653px; height:160px;
margin-left:-235px; margin-top:818px; z-index=3}
* html .friends {width:655px; height:160px;
margin-left:-235px; margin-top:818px; z-index=3}
.comt {width:650px; height:315px;
margin-left:-225px; margin-top:1300px; padding-left:0px;
padding-right:30px; z-index=2}
* html .comt {width:650px; height:315px;
margin-left:-225px; margin-top:1300px; padding-left:0px;
padding-right:35px; z-index=2}
.about {width:620px; height:325px;
margin-left:-210px; margin-top:430px; padding-left:0px;
padding-right:38px; z-index=1}
* html .about {width:655px; height:305px;
margin-left:-210px; margin-top:450px; padding-left:0px;
padding-right:35px; z-index=1}




{friends and comments}


.comt a img {width:90px;}
.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 .redlink, .comt .btext, .rid, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}
.comt td b{display:none;}
</style>


{linked images}
a img {border-width:0px; border-color:"ffffff";}
</style>






Also, I have the font color set to white so that my "about me" section has white text set over my purple background image.
However, the comment box's background is white. I can't figure out how to set the color of the font in the comments to be black or purple (621881).

I appreciate any help you can give me, I'm pretty new at this with a basic understanding of the coding, but I just can't figure this out.

Thanks in advance!

:) Lavonne