Issues with Internet Explorer Options

[shannonlight]

Currently I'm working on customizing a Myspace page for a comic book store: in Safari and Firefox the page loads perfectly fine, but when it's viewed in Internet Explorer all hell seems to break loose, and it seems to be focused around the background image.

I'm at a loss, any thoughts? They would be appreciated!

Http://myspace.com/bigskycomics

[clarity]

So I'm viewing this in firefox, and to me it's still missaligned.

I've also view it in internet explorer, it looks weird too.

Would you mind posting your code?

[freeflow]

It ony works in Safari then, with a few errors. I would suggest not using percents for positioning. Save the code you have now and try positioning without using percents. IF you have too, try setting top to 0% an using margin-top, as well.

[shannonlight]

toya,

I tried your suggestion and changed all my percents to pixels, but as I check it in Explorer, I'm still having the same issue. I'm working on your second suggestion.

here is the code in "About Me" which is where i feel the problem to be. thank you guys again for looking at this, I appreciate it.

CODE

</div>
<style type="text/css">
td.text table {width:395px;}
td.text table table {width:auto;}

.hidden, .blacktext12, .orangetext15, .btext, .redbtext {display:none;}
td.text td, td.text table {height:0px; border:0px;}

td.text a img {border: 0px; width: 100px !important;}
td.text td.text a img {border: 0px; width: 50px !important;}

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 div table td form img{display:none!important;}

td td embed {width:0px; height:0px;}
td td embed, td td object {width:0px; height:0px;}
td.text embed, td.text object {width:320px; height:240px;}
td.text embed {width:320px; height:240px;}
td.text embed {width:auto; height:auto;}
td.text embed, td.text object {width:auto; height:auto;}
td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}

table, td, tr, th {
  font-family:Arial; font-size: 11px; color: 0066cc;}

table, tr, td {
background:transparent;
border:0px;
}
body {
background-color:000000;
background:url(http://tlg.sci-world.net/imagebank/repeating_background.jpg);
background-attachment: fixed;
background-repeat: repeat-y;
background-position: top center;
}
.main {
position: absolute;
left: 512px;
top: 150px;
margin-left: -400px;
width:800px;
font-family:tahoma;
font-size:8pt;
font-color:FFFFFF;
}
.header {
background-color:000000;
background:url(http://tlg.sci-world.net/imagebank/main_background.jpg);
background-position: top center;
height:1000px;
}

.navigation {
margin-top: -450px!important; margin-left: 45px!important; float:left; width:230px; text-align: center; padding-left:12px; font-family:tahoma;}
.navigation div {margin-top:5px; border:0px solid;  background-color:transparent; font-family: tahoma;}
.navigation div p {text-align:justify; color:000000; padding:0px; font-family: tahoma;}
.navigation h2 {font-family:tahoma; font-weight:bold; font-size:8pt;color:FFFFFF; border-bottom:2px solid; border-bottom-color:999999; text-align:right; }

a.nav:link, a.nav:visited, a.nav:active {
        width: 215px;
        text-align: left;
        text-indent:0px;
        font-family: tahoma;
    font-size: 8pt;
    line-height: 20px;
    color: F0F0F0;
    background-color: 000000;
    display: block;
    margin:2px auto;
    padding: 0px;
        border-bottom:1px dotted;
        border-color:ffffff;
}
a.nav:hover {
        width: 215px;
        text-align: left;
        text-indent:10px;
    text-decoration: none;
        font-style: bold;
    font-size: 8pt;
        font-family: Tahoma;
    line-height: 15pt;
    color: 0066cc;
    background-color: F0F0F0;
    display: block;
    margin-bottom: 0px;
    padding: 0px;
}

.maintext {visibility:visible; margin-top: -475px!important; margin-left: 50px!important; width:405px; float: left; padding-left:10px; text-align: center; color:FFFFFF;}
.maintext h3 {color:FFFFFF; border-bottom:2px solid; border-color:0066cc; font-size:20px; font-family: tahoma; text-transform: lowercase; text-align: right;}

a:link, a:visited, a:active {color:0066cc;}
a.redlink:link, a.redlink:visited, a.redlink:active {color:FFFFFF;}
a:hover, a.redlink:hover {color:0066cc; background-color:FFFFFF;}

b, strong, s, strike {color:0066cc;}
i, em, u {color:FFFFFF;}
.redtext, font, body, table, td, div, a, p, .blacktext10 {color:FFFFFF;}
</style></td></tr></table>