CSS problems in firefox

[rohis]

I'm working on a css layout for a myspace and firefox just isn't cooperating.

not a single one of the color attributes that work in ie with CSS will work on firefox.



Here's a picture of the site viewd on firefox(left) and IE(right):


http://www.freewebs.com/automata/methspace.jpg



Note that firefox doesn't honor the background color, font color, border color, link color, etc.



With such limited CSS support, it's amazing that firefox is catching on.


If someone could at least tell me how to get the font to show up white so the page is readible to firefox users, I'd greatly appreciate it.

here's the code I'm using:

"<Style type="text/css"> table, tr, td {background-color: transparent; border-style:none;}body {background-attachment: fixed;background-image: url(http://img.photobucket.com/albums/v651/Niccolai/methskulls.jpg);
table, tr, td{
background-color:transparent;
border-style:none;
}

table table table, table table table td{
background-color:transparent;
}

body{

font-color: white;
background-color:rgb(0,0,0);
scrollbar-face-color:black ;
scrollbar-base-color:black ;
scrollbar-3dlight-color:rgb(0,0,0);
scrollbar-shadow-color:gray ;
scrollbar-darkshadow-color:rgb(0,0,0);
scrollbar-highlight-color:gray;
scrollbar-track-color:rgb(0,0,0);
scrollbar-arrow-color:gray ;
}

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:rgb(255,255,255);
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:none;
}

.orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:rgb(255,255,255);
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:none;
}

a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:gray ;
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
}

table table table, div table table{
border-color:gray ;
border-style:solid;
border-width:1px;
background-color:rgb(0,0,0);
}

table table table table, div table table table{
border-style:none;
}

A IMG{
border-style:none;
} //
a </Style>

<style type="text/css">

.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url(http://img.photobucket.com/albums/v651/Niccolai/methnav.jpg);
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
.contactTable .whitetext12 {display:none;}
</style>"

[Medyman]

You have to use HEX values, not RGB! I'm surprised that RGB works in IE. Weird.

http://acemanonline.files.wordpress.com/2007/05/hex_color_chart.png