How come Firefox & IE don't like each other? :(, How can I make this look decent on each browser? Options

[MeLMeL389]

Hi,

I made a layout where I wanted the tables to be skinnier. I even put in codes that would shrink images/videos that were too large, so the skinny tables wouldn't get stretched out. It worked, except for the comment box.

On Internet Explorer, it looks fairly okay, but on Firefox, the comments box stretches everything out!

Is there anything I could add/change?
I'd really, really, really appreciate it if anyone can help.

Link: http://www.myspace.com/ilessthan3ya

Here's my HTML if it helps too:

<style type="text/css">
table, td { background-color:transparent; border:none; border-width:0;}
body{background-image:url("http://i41.photobucket.com/albums/e251/Rawrrx3_lyts/iwanttogowhereloveisreal2.jpg");
background-attachment:fixed;
background-position: bottom left;
background-repeat: no-repeat; }

table table table {border:0px; background-color:FFFFFF;}
table table{border:0px}
table table table table{border:0px}

table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}

.r{}
body
{scrollbar-face-color: FFFFFF;
scrollbar-arrow-color: 168A87;
scrollbar-track-color: 168A87;
scrollbar-shadow-color: 000000;
scrollbar-highlight-color: 168A87;
scrollbar-3dlight-color: 000000;
scrollbar-darkshadow-color: 000000;
background-color: 168A87;
padding-left: 250px;}

font, td, a, body, input, textarea, table{color:000000;font-family:tahoma;}
body, td, li, p, div, textarea, li, h1, h2, p, br {font-family: tahoma; color: 000000; }
.btext {font-family: tahoma; color: 168A87; }
.blacktext10 {font-family: tahoma; color: 168A87; }
.blacktext12 {font-family: tahoma; color: 168A87; }
.lightbluetext8 {font-family: tahoma; color: 168A87; }
.nametext {font-family: tahoma; color: 168A87; }
.orangetext15 {font-family: tahoma; color: 168A87; }
.redbtext {font-family: tahoma; color: 168A87; }
.text {font-family: tahoma; color: 000000; }
.whitetext12 {font-family: tahoma; color: 168A87; }

a:link, a.man:link, a.navbar:link, a.text:link {font-family: tahoma; color: 168A87; }
a:hover, a.man:hover, a.navbar:hover, a.text:hover{font-family: tahoma; color: 168A87; }
a:visited, a.man:visited, a.navbar:visited, a.text:visited {font-family: tahoma; color: 168A87; }

a.navbar:link, a.navbar:visited {color:168A87;
background-color:FFFFFF; }
a.navbar:hover {color:168A87;
background-color:FFFFFF;
text-decoration:underline;}

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
body div table td form img{display:none!important;}
</style>

<style type="text/css">
table {width:600px;}
table table {width:auto;}
table table td {padding:1px;}
table table table td {padding:0px;}
table table table {width:300px !important; height:0px;}
td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text a img {width:100px !important;}
td.text td.text a img {width:75px !important;}
td td td div strong {width:100px !important; display:block;}
embed, object {width:250px; height:250px;}
</style>
<style type="text/css">
table table td img {display:none;}
table table table td img {display:inline;}
table td td {width:0px;}
table {width:350px;}
table table {width:auto;}
table table td {padding:0px;}
table table table td {padding:0px;}
table table table {width:250px !important; height:0px;}
td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
</style>

Thank you so much!