help with layout appearance? Options

[miss-mess]

Okay, so I got a myspoace layout off CB, but I use mozilla, and when I used IE at a friend's place to look at my myspace, it doesn't show up. all my tables are muddled, and everything is overlapping.

help please guys? :(

here's my code:

CODE

</div> <style type="text/css">.note {hide schools}
.hidden {visibility:hidden; display:none;} </style>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><div style="margin-left: -400px;left: 50.0%;position:absolute;top:160px;width:786px;height:0px;">
<center><img src="http://cbimg9.com/layouts/07/07/13/19455aa.jpg"><br><br>
</div>

<style type="text/css">
body {
margin: 0px; padding: 0px;
background-color: FFFFCC;
background-image: url('http://cbimg9.com/layouts/07/07/13/19455ab.gif');
background-repeat: repeat;
background-position: top center; }
p { margin: 0px 0px 1em 0px; }

body, font, .text, td, tr, table, div, br, p, option, select, form, blockquote, input, textarea, a, a:link, a font:hover, a:hover, a.text:hover, a.text:link, a.navbar:link, a.navbar:visited, a.navbar:hover, a:visited, a.text:link, a.text:visited a.text:hover, a.redlink:link, a.redlink:visited, a.redlink:hover {
font: normal 7pt Verdana;
color: 333333; }



.nametext, .whitetext12, strong, .btext, .orangetext15 {
font: bold 18pt 'Century Gothic';
text-transform: uppercase;
padding: 0px 0 0 20px;
padding-right: 5px;
display: block;
background: url('http://cbimg9.com/layouts/07/07/13/19455ac.gif') no-repeat top left;
line-height: 30px;
letter-spacing: -3px;
color: CCCC99; }

.nametext, .btext {padding-bottom: 10px; }

b, em, i, underline, strike, s, overline, u, o, .redtext, .redbtext, .blacktext12 {
color: 996699;
text-align: left;
letter-spacing: 0px;
font-weight: normal;
font-size: 7pt; }
i, u { color: CC3333; }

.lightbluetext8 {
display: block;
font: normal 13pt 'Arial Black';
text-align: right;
text-transform: uppercase;
letter-spacing: -2px;
padding-right: 7px;
color: 996699;
border: 0px; }






a, a:link, a font:hover, a:hover ,a.text:hover, a.text:link, a.navbar:link,a.navbar:visited, a.navbar:hover, a:visited,
a.text:link, a.text:visited a.text:hover, a.redlink:link, a.redlink:visited, a.redlink:hover {
color: 33CCCC;
cursor: crosshair;
font-weight: bold;
text-decoration: none;
text-transform: none;}

a:hover, a font:hover, a.navbar:hover, a.text:hover, a.redlink:hover {
color: 333333;
text-decoration: none;
border: 0px;
border-bottom: 1px;
border-style: dotted;
border-color: CC3333; }

a.navbar:link, a.navbar:visited, a.navbar:hover{font-weight: normal; }
a img { border: none; border-width: 0px; }


form { border-width: 0px; background-color: none; }

table.extendedNetwork {visibility: hidden; display:none;}

input, textarea, option, select, .button{
background-color: E8E8C1;
border: 0px;
border-style: dotted;
border-color: 3A3634;
font-size: 7pt;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px; }
option{padding:0px;border:0px;}

table, tr, td, table table, table table td { border-width: 0px; background-color: transparent; }
table table table td { background-color: transparent; margin: 0px; padding: 0px; }
table table table table { border-width:0px; background-color:transparent; padding:0px; margin:0px; background-image:none; }
table table table table td { padding: 0px; margin: 0px; }
table table table { margin: 0px; width: 100% !important; }

span {margin: 0px; }
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 table { margin-top: 380px;}
body td table, body div table { margin-top: 0px; }







.contactTable { width: 328px !important; padding: 0; margin: 0; }
.contactTable td { padding: 0px; margin: 0px; text-align: center; }
.contactTable span.whitetext12 { display: none; }
.contactTable a img, .contactTable img { border: 0px; display: none; visibility: hidden; }

.contactTable td table{
background-image: url("http://cbimg9.com/layouts/07/07/13/19455ad.jpg");
background-position: top left;
background-repeat: no-repeat;
padding: 0;
margin: -15px 0 0 0;
margin-top: 0px;
height: 130px; }

.contactTable a {
padding: 0px;
margin: 0px 0px 1px 0px;
display: block;
height: 26px;
width: 170px; }

.contactTable { width: auto !important; }
.contactTable span.whitetext12 { left: 0; }
</style>


<BIG><BIG><BIG>♥ rachael louise..</BIG></BIG>
<BR><BR>
HAS FINISHED SCHOOL! FOR-f**kING-EVAR! :)<BR>
has waited ALL year for summer. yeah baby!<BR>
couldn't live without her friends ♥<BR>


<br><BR><BR>

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tLzgwNDQxMjE2"><img src="http://i16.photobucket.com/albums/b37/miss_mess/gabby.jpg" border="0"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTQ1Nzc5NjQ5Jk15VG9rZW49MGVlYTMy
jUtNTdmOS00YmE4LThhMmMtNmVkYzMxNWRmYWRk"><img src="http://i16.photobucket.com/albums/b37/miss_mess/tyler.jpg" border="0"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL3N0ZWZ5a2luczE0"><img src="http://i16.photobucket.com/albums/b37/miss_mess/stefy.jpg" border="0"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2hpZ2hfaGVlbHNfaHVydA=="><img src="http://i16.photobucket.com/albums/b37/miss_mess/andi2.jpg" border="0"></a>
</div>


<BR><BR><BR>

<center><BR> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input type="hidden" name="friendID" value="127499269"><textarea name="f_comments" cols="35" rows="5">Dearest Rachael,</textarea><BR><br> <input type="submit" value="Comment :)"> <input type="reset" value="No."></form><br> <form action="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=127499269&MyToken=eb69d9c9-0b11-4858-99c6-01475e691c07" method="post"><BR><input type="submit" value="View my comments."></form></center> <style type="text/css"> textarea {background-color:white; background-image:url(); border-width:1px; border-style:; border-color:black; color:black; font-size:9; font-family:;} input {background-color:white; border-width:1px; border-style:; border-color:black; color:black; font-family:; font-size:9;} </style></center>



<div style="display:none">.note {hide friends}
<table><tr><td><table><tr><td>
<div style="position:absolute; left:0px; top:0px;">

</td></tr></table>.note {hide details}
</td></tr></table>
</td><td>
<div class="off">
<table><tr><td><table><tr><td>

<style>.note {hide music player}
embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style>

<style>.note {bring the tables up more}
td.text table {position:relative; top: -150px;}
td.text table table {position:static;}</style>

<style type="text/css">.note {hide URL}
table table table table div {visibility:hidden;}div table table table table table div input, div a, td.text div {visibility:visible;}</style>

<style type="text/css">.note {hide my interests}
.whitetext12, .lightbluetext8{display:none;}
</style>

<style type="text/css">.note {hide blogs}
table tbody td table tbody tr td.text table {visibility:hidden;}table tbody td table tbody tr td.text table table, table tbody td tabletbody tr td.text table table tbody td.text {visibility:visible;}</style>

<style type=text/css>
table tr td div font {display: none;}
</style>

<style>.note {hide bottom links}
table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}</style>
<style type=text/css>
table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}
</style>

Reason for edit: codebox added / Holly