compatible? not really..., i.e. & firefox not showing the same thing. Options

[idealfx]

original, my myspace. however... the problem (if this hasn't been addressed earlier, sorry, but i've been searching for about an hour now) is that my layout is seen in i.e. as desired, but for firefox, it looks like this:




is there anyway i can make it backwards compatible? thanks greatly for the help. i read somewhere that someone settled for simply letting people view it with i.e. because "most people use i.e. anyway." idk it just bothers me that i and a lot of my friends use firefox =p



thanks so much again.

CODE

<br><br>

!!! abridged...

<br><br><br>
<STYLE TYPE="text/css">
body {
  scrollbar-arrow-color: 334455;
  scrollbar-face-color: 334455;
  scrollbar-3dlight-color: 222222;
  scrollbar-darkshadow-color: 222222;
  scrollbar-shadow-color: 222222;
  scrollbar-highlight-color: 222222;
  scrollbar-track-color: 222222;
  cursor: crosshair;
}

body{

background-position: center;
background-repeat: no-repeat;
background-image:url('http://i32.photobucket.com/albums/d15/hhzfuzion/Bird_wallpaper_by_Dowhook.jpg');
background-attachment:fixed;
}

</STYLE>

<style type="text/css">
table td table tr td.text table {visibility:visible;}
</style>

<STYLE TYPE="text/css">
BODY {
background-position:center;
background-attachment:fixed;


TABLE, TD, TR, TH
{font-family: tahoma;
font-size: 11px;
color: transparent;
cursor: default;}

TABLE, TR, TD
{border: none;
border-color: none;
background-color: transparent;
padding: 0px; margin: 0px;}

TABLE
{border: none;
border-color: none;
background-color: transparent;
padding: 0px;}

TABLE TABLE
{border: none;
border-color: none;
background-color: transparent;
padding: 0px;}

TABLE TABLE TABLE
{border: none;
border-color: bbbbbb;
background-color: transparent;
padding: 0px;}

TABLE TABLE TABLE TABLE
{border: none;
border-color: none;}
font-family: tahoma;
font-size: 11px;
color: 555555;}


body, td, li, p, div, textarea, li, h1, h2, p, br, table
{font-family: tahoma;
color: 444444;
background-color: transparent;}


.text
{font-family: tahoma;
font-size: 11px;
color: 666666;
text-align: left;
background-color: transparent;}

.blacktext12
{font-family: tahoma;
font-size: 11px;
color: 555555;
text-align: center;
background-color: transparent;}

.redtext
{font-family: tahoma;
font-size: 11px;
color: 555555;
background-color: transparent;}

.redbtext
{font-family: tahoma;
font-size: 11px;
color: 444444;
background-color: transparent;}


.orangetext15{display: none;}

.whitetext12
{ display: none }


.btext {font-family: tahoma;
font-size: 11px;
background-color: transparent;
color: 444444;
border-color: c9a57c;}

.lightbluetext8
{font-family: tahoma;
font-size: 11px;
color: 5E2605;
text-align: center;
background-color: transparent;
border: 1px solid;
border-color: c9a57c;
display: block;}

.blacktext10

{font-family: tahoma;
font-size: 11px;
line-height: 12px;
color: 555555;
text-align: center;
background-color: transparent;
border: 1px solid;
border-color: c9a57c;
letter-spacing: 2px;
display: block;}

.nametext
{font-family: georgia;
font-size: 24px;
color: 222222;
text-align: center;
letter-spacing: -2px;}

a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {font-family: tahoma; font-size: 11px; color: 5E2605; text-transform: normal; text-decoration: none;}

a:hover, a.navbar:hover, a.redlink:hover {font-family: tahoma; font-size: 11px; color: 6f3716; font-weight: bold; text-decoration: none; cursor: crosshair;}
</STYLE>