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>

[freeflow]

What does it look like in IE?
(thumb your screenshot please)

CODE

[thumb] [/thumb]

Also did you try using the third css stylesheet here? and editing it abit. I mean that one is and has been browser safe for more people.. Click. Get the third one.

Someone might of settled for letting their friends use firefox because well in their case it might of been too much trouble. Also you don't have a div layout you have a regular one, other than changing the css , I don't think theres much more you can do..

[idealfx]

i gave the url so that it'd save me space on photobucket for i.e.

www.myspace.com/wongguy

[freeflow]

I don't have Ie . So w/o a screenshot I can't help you..
Use http://imageshack.us then. Or just wait for someone w/ IE to help you.

[GREASEbaby]

I don't know if it's just me, but there isn't much of a different change.

Just use the stylesheet here. That'll work out better for you, most likley.

[idealfx]

ss of the i.e. example

here you go. =]