ive tring to make my myspace site look the same in internet explorer and firefox. i have how i want it to look in internet explorer, but in fire fox its left justified. heres my site. http://www.myspace.com/li0id

and heres the style sheet coding im using:

<<z>style type="text/css">

body div div table td font {display:none;}

table table table {visibility:hidden;}

table, td {background-color:transparent;}

body {background-color: ffffff;}

table, td {background-color: ffffff;}

.main{position:absolute; left:50%; top:125px; width:400px; z-index:1; margin-left: -490px;}

.main a:link, .main a:active, .main a:visited {color: 95fa00; text-decoration: none; font-size: 1em;}

.main a:hover {color: ffc71c;}

a img {border: 0; filter:alpha(opacity=90); ..-opacity: 0.90; opacity: 0.90;}

a:hover{filter:none}

.middleright {visibility:visible!important; position:absolute; left:50%; margin-left: 214px; margin-top: 454px; float: right; z-index:4;}

textarea {visibility:visible!important; color: 575757; width: 175px; height: 68px; padding: 3px !important; background-color: transparent; border-style:none;
overflow: auto; z-index:4;}

.mecolor {visibility:visible!important; height:239px; width:200px; overflow: hidden; background: url(http://www.surreallikedreams.com/myspacesite/mecolor.jpg) bottom left no-repeat;
display: block;} .mecolor:hover{background: url(http://www.surreallikedreams.com/myspacesite/mecolor.jpg) top left no-repeat;}

.mainpic {visibility:visible!important; position: absolute; left: 50%; margin-top: 160px; margin-left: 208px; height: 200px; width: 300px; z-index: 2;}

.status {visibility:visible!important;position:absolute; left:50%; top: 133px; width:228px; height:252px; z-index:3; margin-left:-290px; background-color:transparent;
border-style:none;}

.```` {visibility:visible!important;position:absolute; left:50%; top: 536px; width:271px; height:172px; z-index:5; margin-left:-124px; background-color:transparent; border-style:none;}

.picside {visibility:visible!important;position:absolute; left:50%; top: 155px; width:128px; height:238px; z-index:3; margin-left:80px; background-color:transparent; border-style:none;}

.dreams {visibility:visible!important;position:absolute; left:50%; top:-28px; width:730px; height:1200px; z-index:2; margin-left: -322px; background-color:transparent; border-style:none;
background-image:url("http://www.surreallikedreams.com/myspacesite/dreams.jpg"); background-attachment:scroll; background-position:center; background-repeat:no-repeat;}

.forumword {visibility:visible!important;position:absolute; left:50%; top: 444px; width:250px; height:10px; z-index:5; margin-left:216px; background-color:transparent;
border-style:none;}

.holder {visibility:visible!important;position:absolute; left:50%; top: 612px; width:180px; height:238px; z-index:5; margin-left:217px; background-color:transparent;
border-style:none;}

.cell {width: auto; height: auto; float: left;}

.musik {visibility:visible!important;position:absolute; left:50%; top: 882px; width:290px; height:274px; overflow: auto; z-index:4; margin-left:-300px; background-color:transparent;
border-style:none;}

.movies {visibility:visible!important;position:absolute; left:50%; top: 882px; width:290px; height:274px; overflow: auto; z-index:4; margin-left:93px; background-color:transparent; border-style:none;}

input {visibility:visible!important; background-color: ffffff; color: 575757; border: none; border-color: 000000; z-index: 4;}

<<z>/style>

i left out the image hover codes so i could fit all the coding in here, i figured they weren't the course of the page left justifying in firefox.

thanks in advanced

bump