comments stretch Options

[gamachan]

its starting to bug me again. i dont see why my comment box is stretched out (only in mozilla). i look at other peoples sites and theirs dont stretch even though they also have long comments. is it something with my code?

My Page

Example Page
notice their comment box isnt stretched.

is it something with my code?

CODE

<style type="text/css">
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url("http://img155.imageshack.us/img155/8536/contact3gk.jpg");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
</style>
<style type="text/css">
.mygen { Created using MyGen 2.5 - www.mygen.co.uk }

.mygen { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
    background-color:000000;
    background-image:url('http://img221.imageshack.us/img221/4922/ninjacuppincakes25dn.jpg');
    background-attachment: fixed;
    background-position:bottom center;
    background-repeat:no-repeat;
        }



.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
    border-style:solid;
    border-width:3px;
    border-color:000000;
    background-color:EEEEEE;
               }

.mygen { Text Properties }
.blacktext12 { font-family:arial;       }
.orangetext15 { font-family:arial; color:2244FF; font-size:14px;     }
.text { font-family:arial;  font-size:12px;     }
.whitetext12 {  color:000000;      }  


</style>

<div style="width: 88px; height: 31px; position: absolute; top:0px;left:0px; background-color: DEE6EB; border-width:1px;border-style:solid;border-color: 9CB3C3; font-family: Arial Black;">
<a href="http://www.mygen.co.uk" style="color: 9CB3C3; font-size: 18px; position: absolute; left: 10px; top: -5px">MyGen</a>
<a href="http://www.mygen.co.uk" style="color: 9CB3C3; font-size: 8px; position: absolute; left: 1px; top: 18px">Profile Generator</a>
</div>

this is my code in about me

[*This Confession*]

Ah, sorry guys. I was trying to code my new layout.

Anyway

one more question, how do i make my tables on the left the same size? Like the same size as the interests table?

Here :

CODE

Adjustments for the left column change the width's pixels
table table table {width:300px;}
table table table table {width:auto;}

Adjustments for the right column. change the width's pixels.
td.text table {width:535px;}
td.text table table {width:auto;}

And Nriezzz

Yeaa, I would so help you but your profile is still private