[Resolved] Simple CSS Question

Hi,

I am trying to make a new website work properly in both IE and FireFox and I am coming up against a few problems.

I have the following in an external CSS file :

.copyright, .copyright a:link, .copyright a:active, .copyright a:visited,
{
font-family: Arial;
font-size: 7pt;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

.copyright a:hover
{
color: #FFFF33;
}

and the following code on the HTML page :

HTML Code:

---

            <tr class="copyright">
              <td align="center" class="copyright">
                  <a href="privay.asp">Privay Policy & Accessibility</a>
              </td>
            </tr>

---

This works fine in IE, and the colour changes to yellow, but in FireFox it doesnt work and in fact it doesnt format any of the text at all in the fonts, etc.

I am sure it's a basic error, but I cant figure out what it is - can someone help here?

Cheers,
Sparky.

Set the class once and only once.
If necessary, fully qualify the copyright class too...

So, if you decide to keep it in the tr...

Code:

---

tr .copyright, tr .copyright a:link, tr .copyright a:active, tr .copyright a:visited,
{
font-family: Arial;
font-size: 7pt;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

tr .copyright a:hover
{
color: #FFFF33;
}

---

Tg

Thanks,

I just found out that not only had I made that error, which I already knew I shouldnt have made, but also the comma at the end of my CSS info was screwing up the page in firefox.

Cheers,
Sparky.