DIV Help Please, Opera and DIV's don't work well together do they? Options

[zlamma]

hi guys. i need your help understanding the difference between internet explorer's coding and other browsers coding. here is an example of what im talking about.





internet explore has it right. except for one little thing. the little .r{} thing at the top. it usually is covered by the image but ever since myspace's update this morning it moved down a little and even if i adjust the positions it wont move. what does the .r{} thing even mean? maybe you can help me with that too.

click to enlarge

then theres opera. the colors in the comment box are correct and all the scroll bars are properly colored, but where did the background color go? also the music player isnt hidden anymore. and again, the .r{} thing.

click to enlarge

opera also does other stupid things like this. why??

click to enlarge

then firefox has it all wrong. all the same problems of opera but more. the custom scroll bars arent even there. the comment baox is not even the right shade of blue... come on firefox!!!

click to enlarge

here is my code for my DIV:

About Me:

CODE

<style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
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;}
table, tr, td{ background-color: transparent; border: 0px; }
body div table td form option{display:inline!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
body div table td form{display:none!important;}
body{ background color: 1CA}
.image{position: absolute; left: 50%; margin-left:-250px; top: 270px; z-index: 0;}
.commentbox{position: absolute; left: 50%; margin-left: -237px; top: 430px; z-index:1; width:200px; height:150px; border="0"}
.halloffame{position: absolute; left: 50%; margin-left:-247px; top: 275px; z-index:1; width: 215px; height: 117px; overflow: auto;}
.title{position: absolute; left: 50%; margin-left: -205px; top: 500px; z-index:5; width: 265px; height: 230px; overflow: auto;}
.aboutme{position: absolute; left: 50%; margin-left: -205px; top: 350px; z-index:5; width: 265px; height: 230px; overflow: auto;}
.contentbox{position: absolute; left: 50%; margin-left: 85px; top: 370px; z-index:5; width: 120px; height: 225px; overflow: auto;}
.Buttonone{font-normal: 9px Verdana; background-color: 02724f; color: 000; border-style: solid; border="1" }
.Buttontwo{background-color: 02724f; color: 000; border="0"}
body,table, td, li, p, div
{font:normal 10px Verdana; color:cbd5d0; font-weight:none; border:0px; text-transform: none; line-height:12px;}
textarea{background-color: fff; width: 150px; height: 50px; color: fff; font:7px small fonts; text-transform:uppercase; border: solid 1px 000;}
a{font:normal 9px Verdana; color:000; font-weight:none; border:0px; text-transform: none; }
a:link{font:normal 9px Verdana; color:fff; font-weight:none; border:0px; text-transform: none; }
a:active{font:normal 9px Verdana; color:fff; font-weight:none; border:0px; text-transform: none; }
a:visited{font:normal 9px Verdana; color:fff; font-weight:none; border:0px; text-transform: none; }
a:hover{font:normal 9px Verdana; color:000;text-transform: none;}
a:link, a.man{font:normal 9px Verdana; color:fff; border:0px; text-transform: none; }
a:active{font:normal 9px Verdana; color:fff; font-weight:none; border:0px; text-transform: none; }
a:visited{font:normal 9px Verdana; color:fff; font-weight:none; border:0px; text-transform: none; }
a:hover{font:normal 9px Verdana; color:000; text-transform: none;}
.standard b, p b, B, strong {
font-family:verdana; font-size:9px; color:cbd5d0; font-weight:none;border:0px; text-transform: none; }
</style>
<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>
<style>body{
scrollbar-arrow-color:1CA;
scrollbar-track-color:1CA;
scrollbar-shadow-color:141a16;
scrollbar-face-color:141a16;
scrollbar-highlight-color:141a16;
scrollbar-darkshadow-color:141a16;
scrollbar-3dlight-color:141a16;}
</style>
<style>.r{}</style>

I'd Like to Meet:

CODE

.r{}</style>
<style>.r{}</style>
<div class="image"><img src="http://i201.photobucket.com/albums/aa240/zlamma/15fn3small.png
" usemap="#Untitled_1_Map" border="0"><map name="Untitled_1_Map">
</map></div>



<div class="title">
</div>


<div class="aboutme"><center>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me.
</center>
</div>
<div class="contentbox"><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD0xNzE2Njc5NA==">comments</a><br />

<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MTcxNjY3OTQ=">blog</a><br />

<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9MTcxNjY3OTQ=">pics</a><br />

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTE3MTY2Nzk0">add me</a><br />

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49MWJmZGQ1Y2QtOWMxZC00NmZhLTgzYzQtN2YzMGUwZmUzZmZh">home</a><br />

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xNzE2Njc5NCZNeVRva2VuPTYwMDczYWY1LWU5MjktNGM3YS1iMzU3LTNmMWI2Z
EwYmJmYg==">message</a><br />

<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzMiZmcmllbmRJRD0xNzE2Njc5NA==">friends</a><br />

<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="17166794" autocomplete="off"><textarea name="f_comments" id="t_area" style="background-color: 1CA ;border-color:rgb(0,0,0);border-width:2px;color:rgb(0,0,0);border-style:solid;font-family:times new roman;font-size:20px;width:100px;height:73px;padding:0px;font-weight:normal;font-style:none;text-decoration:none;" autocomplete="off">Don't you dare give me a comment!</textarea><br><input id="submit_button" type="submit" style="background-color:rgb(225,225,225);border-color:rgb(0,0,0);border-width:1px;color:rgb(0,0,0);border-style:solid;font-family:arial;font-size:11px;font-weight:normal;font-style:none;text-decoration:none;" value="Click" autocomplete="off"> <input id="reset_button" type="reset" style="background-color:rgb(225,225,225);border-color:rgb(0,0,0);border-width:1px;color:rgb(0,0,0);border-style:solid;font-family:arial;font-size:11px;font-weight:normal;font-style:none;text-decoration:none;" value="Don't Click" autocomplete="off">


</center></div>
<style>.r{}</style>
<style>.r{}</style>

Interests:(this is the code to hide the music player. Maybe its not in the right spot?)

CODE

<style>embed, object {width:295px; height:51px;} table table table embed, table table table object {width:320px; height:240px;} </style>

so yeah. i just want to know what the deal is and maybe learn something new about the way internet explorer is built differently than the others. any help i can get will be appreciated.

thanks,
zlamma

Reason for edit: Thumbed your images. They were stretching the board - (k.)