H1 { color: #FFFFFF} not working in FF 1.0

Giganews Newsgroups
Subject: H1 { color: #FFFFFF} not working in FF 1.0
Posted by:  Jason Carlton (jwcarlt…@gmail.com)
Date: Wed, 9 Jan 2008

I'm using an external stylesheet, and it validates fine (well, with
the exception of one thing that I already knew about... more later).
But changing the color of the H1 and H2 tags works fine in IE, Opera,
and Safari, but not in FF. I've specifically checked with FF 1.0.

This is the code:

H1 { font-family: "Times New Roman"; color: #FFFFFF; font-size: 10pt;
font-weight: bold; margin: 0px; display: inline }
H2 { font-family: "Times New Roman"; color: #F7D608; font-size: 10pt;
font-weight: bold; margin: 0px; display: inline }

a.logo { text-decoration: none }
a.logo:hover { text-decoration: none }

And here is the HTML:

<script language="Javascript">
<!--
if (screen.width >= 1024) document.write("<a href='$home/1/'
class='logo'>");
else document.write("<a href='$home/' class='logo'>");
-->
</script>
<noscript><a href="$home/" class="logo"></noscript>
<H2>go</H2><H1>$default</H1>
</a>

(Note that, yes, the word "go" and the result of "$default" are
supposed to be beside of one another)

Is this a bug with FF 1.0, or is there something else that I should do
to correct this problem? About 5% of my traffic is using FF1.0, which
accounts for about 2500 unique visitors, so I'd like to fix this if at
all possible.

TIA,

Jason

PS, here's the part that doesn't validate. I use it to make a table
translucent in IE, but it doesn't matter if it doesn't work in other
browsers:

table.showCal {
  background-color: #FFF;
  filter:alpha(opacity=95);
  opacity: 0.95;
  -moz-opacity: 0.95;
}

Replies