IE and Firefox Problem

[disparager]

Hello.

My name is Ivn and I'm an idiot. I don't even know if I'm asking for help in the right place. My LiveJournal page only appears like how I want it to appear in IE. It looks stupid in Firefox, look at it yourself: http://disparager.live journal.com

Will anyone please help me? These are my overrides, you can check what's wrong with it if you're willing to help:

FRIENDS_OPT_ITE MS=>10

FRIENDS_WEBSITE <=
<img src="http://img.photobucket .com/albums/v18/disparager/Hello.png" usemap="#Map" border="0" class="x" style="visibili ty: visible; position: absolute;">
<map name="Map">
<area shape="rect" coords="234,320 ,288,337" href="http://disparager.live journal.com/profile" alt="Disparager 's Userinfo">
<area shape="rect" coords="581,319 ,636,336" href="http://disparager.live journal.com/friends" alt="Where Other Turtles Exploit">
<area shape="rect" coords="410,266 ,626,306" href="http://disparager.live journal.com" alt="#21 Drowning Street">
</map>

<style type="text/css">
<!--
.x {
position:absolu te; left:0px; top:0px; z-index: 1; }

table table table table .meta {visibility:hid den;position:ab solute;top:1px}
table table table table table .meta {visibility:vis ible;position:r elative;top:1px }

tr.caption{
display:none
}

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

-->
</style>
<=FRIENDS_WEBSI TE

DAY_TALK_LINKS< =
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%colo r:weak_back%%" class="comments ">
%%readlink%%<a href="%%urlpost %%">Poison The Moron</a>
</td>
</tr>
<=DAY_TALK_LINK S

LASTN_TALK_LINK S<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%colo r:weak_back%%" class="comments ">
%%readlink%% <img src="http://img7.photobucke t.com/albums/v18/disparager/Salaginto.png"> <a href="%%urlpost %%">Poison The Moron</a>
</td>
</tr>
<=LASTN_TALK_LI NKS

GLOBAL_HEAD<=

<title>#22 Drowning Street</title>

<style type="text/css">
div div{visibility: hidden;position :absolute;top:1 px;}
tr.caption{visi bility:hidden;p osition:absolut e;top:1px}
<!--

body {
overflow-x: hidden;
overflow:-moz-scrollbars-vertical;
overflow: auto;
margin-top: 315px;
background: #CCFF99;
background-image: url(http://img.photobucket .com/albums/v18/disparager/Background.png) ;
background-repeat: repeat-y !important;
}


a:visited {
text-decoration: none;
color: #ffffff;
font-weight: bold;
}

a:link {
text-decoration: none;
color: #ffffff;
font-weight: bold;
}

a:active {
text-decoration: none;
color: #ffffff:
font-weight: bold
}

a:hover {
cursor: auto;
text-decoration: none;
color: #ffffff;
}

table {
width: 410px;
margin-left: 220px;
margin-right: 100%;
}

table.entrybox td {
font-size: 9;
}

table table table td.meta {
font-size: 9;
}

.comments {
font-size: 9;
}

p table table td.caption {
font-weight: bold;
letter-spacing: 3px;
text-transform: uppercase;
}

table, tr, td, .shadowed {
background: transparent;
}

table table {
width: 100%;
margin:0;
border:0;
}
table table table {
width: auto;
}

.side {
position: absolute;
top: 600px;
left: 475px;
width: 200px;
z-index: 15;
visibility: not visible;
text-align: justify;
background: #669933;
border: 0px solid #669933;
}

.sidetitle {color: #ffffff; font-weight: bold;}

</style>

<style type="text/css">

body, td, font, div, p {
font-family: verdana;
font-size: 9;
color: #ffffff;
margin-top: 1em;
margin-bottom: 2em;
}

tr.caption{
display:none
}

.shadowed img{
visibility:hidd en;position:abs olute;top:0
}

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

p table table td.caption, td.index {
height: 24;
padding: 3;
background-color: #669933;
}


.index {
font-size: 9;
}
.meta {
font-size: 9;
}

-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LI NKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%colo r:weak_back%%" class="comments ">
%%readlink%% <img src="http://img7.photobucke t.com/albums/v18/disparager/Salaginto.png"> <a href="%%urlpost %%">Poison The Moron</a>
</td>
</tr>
<=FRIENDS_TALK_ LINKS

LASTN_OPT_ITEMS =>10

LASTN_TALK_READ LINK=><a href="%%urlread %%"><b>%%messag ecount%% Nuclear Reaction%%mc-plural-s%%</b></a>

FRIENDS_TALK_RE ADLINK=><a href="%%urlread %%"><b>%%messag ecount%% Nuclear Reaction%%mc-plural-s%%</b></a>|

LASTN_WEBSITE<=
<img src="http://img.photobucket .com/albums/v18/disparager/Hello.png" usemap="#Map" border="0" class="x" style="visibili ty: visible; position: absolute;">
<map name="Map">
<area shape="rect" coords="234,320 ,288,337" href="http://disparager.live journal.com/profile" alt="Disparager 's Userinfo">
<area shape="rect" coords="581,319 ,636,336" href="http://disparager.live journal.com/friends" alt="Where Other Turtles Exploit">
<area shape="rect" coords="410,266 ,626,306" href="http://disparager.live journal.com" alt="#21 Drowning Street">
</map>


<style type="text/css">
<!--
.x {
position:absolu te; left:0px; top:0px; z-index: 1; }

table table table table .meta {visibility:hid den;position:ab solute;top:1px}
table table table table table .meta {visibility:vis ible;position:r elative;top:1px }

tr.caption{
display:none
}

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

-->
</style>

<=LASTN_WEBSI TE

DAY_TALK_READLI NK=><a href="%%urlread %%"><b>%%messag ecount%% Nuclear Reaction%%mc-plural-s%%</b></a>|

THANKS!

[drhowarddrfine]

Never, ever use IE for your reference on how something should work. Always, always use Firefox, Opera or Safari. IE7 is nine years behind web standards, buggy and non-standard.

I don't understand some of the markup on your page. It is not any language I know.

This should be moved to the html forum.