Comments FF vs IE Options

[jp2b]

Ok in Firefox my comment images looks good but in Internet Explorer there massively shrunk... Anyone have any ideas why?

My Myspace Page

CODE

<style type="text/css">
.x{Move Music Player}

.x{Scroll Bar Section.}
body{
scrollbar-track-color:rgb(49,49,49);
scrollbar-face-color:rgb(49,49,49);
scrollbar-3dlight-color:rgb(49,49,49);
scrollbar-highlight-color:rgb(49,49,49);
scrollbar-darkshadow-color:rgb(49,49,49);
scrollbar-shadow-color:rgb(49,49,49);
scrollbar-arrow-color:rgb(0,0,0);
}
.x{Copyright Protection.}
.protect1{
position:absolute;
top:180px;
left:0px;
width:100%;
height:975;
z-index:7;
padding:0px;
border:0px solid black;
background-image:http://x.myspace.com/images/clear.gif;
overflow:auto;
}
.x{First Content Area.}
.content1{
position:absolute;
top:400px;
left:50%;
margin-left:-340px;
width:450px;
height:280px;
z-index:5;
padding:0px;
border:0px solid black;
overflow:auto;
}
.x{Second Content Area.}
.content2{
position:absolute;
top:770px;
left:50%;
margin-left:-340px;
width:450px;
height:280px;
z-index:5;
padding:0px;
border:0px solid black;
overflow:auto;
}
.x{About Area.}
.about{
position:absolute;
top:385px;
left:50%;
margin-left:158px;
width:225px;
height:150px;
z-index:5;
padding:0px;
border:0px solid black;
overflow:auto;
}
.x{Leave Comment Area.}
.pcomment{
position:absolute;
top:1000px;
left:50%;
margin-left:152px;
width:238px;
height:110px;
z-index:5;
padding:0px;
border:0px solid black;
overflow:auto;
}
.x{Links for contact sections.}
.contact{
position:absolute;
top:630px;
left:50%;
margin-left:155px;
width:230px;
height:85px;
z-index:5;
padding:0px;
border:0px solid black;
overflow:auto;
}
.x{Space for my pictures.}
.picturespace{
position:absolute;
top:755px;
left:50%;
margin-left:170px;
width:200px;
height:215px;
z-index:7;
padding:0px;
border:0px solid black;
overflow:none;
background-color:000000;
}
.contactTable{display:none;}

.blankslate{
position:absolute;
top:148px;
left:50%;
margin-left:-400px;
width:800;
height:660px;
z-index:2;
padding:0px;
border:0px solid black;
background-color:000000;
}
.comments{
position:absolute;
top:1100px;
left:50%;
margin-left:-340px;
width:450px;
height:375px;
z-index:4;
padding:0px;
border:0px solid black;
overflow:auto;
}
</style>
<style type="text/css">
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
</style>
<style type="text/css">
td.text td.text table .orangetext15{display:none;}
td.text td.text table table table{width:3px;}
td.text td.text table br{display:none}
td.text td.text .redlink,
td.text td.text span.btext {width:auto;}
td.text td.text table {background-color:transparent;}
td.text td.text table td,
td.text td.text table {width:400px;padding:0;border:0;}
td.text td.text table table td {width:250px;padding:0;background-color:313131;border:0px solid black;}

.redtext{color:ghostwhite;}
.blacktext10{color:ghostwhite;}
.x{This defines the background of the entire page.}
body {
background-color:000000;
border-width:0px;
border-color:313131;
border-style:none;
}
.x{This defines the tables.}
table table table {
background-color:313131;
border:0px solid black;

}
.x{This section defines the text.}
td,
.whitetext12,
.lightbluetext8,
.blacktext12,
.btext,  
.text,
.orangetext15,
.nametext,
.redbtext,
.redtext,
A:link,
A:visited,
A:active,
a.redlink:link,
a.redlink:active,
a.redlink:visited,  
a.searchlinksmall:link,
a.searchlinksmall:active,
a.searchlinksmall:visited,
a.searchlinksmall:hover,
a.font,
table td div div font,
div table tr td font
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
color:ghostwhite;
}

a.navbar,
a.navbar:link,
a.navbar:active,
a.navbar:visited{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:7pt;
color:ghostwhite;
}
a.navbar:hover{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:7pt;
color:88bbff;
}
a.redlink:hover,
A:hover{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:8pt; text-decoration:none;
color:88bbff;
}
.x{Comment Text; makes it look neater.}
.blacktext10 {
color:000000;
font-size:8pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
border:0px;
border-top:0px solid black;
display:block;
width:100%;
background-color:313131;
}

.x{You shouldn't change anything past here unless you know what you're doing.}

img{border:0px}

table, tr, td {background:transparent;border:0px;}
table table table table {border:0px;}
table table td.text table, table table td.text table td {width:100%;}
table table table table div {width:298px;}
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
* html td.text td.text table table td img {width:260px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:110px;}
</style>
<style type="text/css">
.x{Remove Friends Area}
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>

And yes I know its sloppy I been trying to clean it up lol... Also if anyone knows are the codes the same for music profiles?

This post has been edited by Jp2b: Sep 25 2006, 10:11 PM

[jp2b]

See the thing is though my friends don't do any sort of coding not even width properties lol and like the last comment by eric in IE its small in FF it big I dunno... I've noticed that

CODE

table, tr, td {background:transparent;border:0px;}
table table table table {border:0px;}
table table td.text table, table table td.text table td {width:100%;}
table table table table div {width:298px;}
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
* html td.text td.text table table td img {width:260px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:110px;}

Changes stuff but I cant seem to get it right when I change the section that currenty says 90px the size of the users images change but I cant figure out how to make it all agree... Why cant Browsers just agree to use 1 standard set of coding lol ... Everything with a * html is just for IE if I remove it FF is not affected at all