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