ciao... sto cominciando ad usare i css (prima facevo i siti nel vecchio stile)

ho qualche problema:

ho creato questo foglio :
cd.css
codice:
<STYLE type="text/css">
a.cd:link {color: #FFFFFF;font-weight: bold;text-decoration: underline;}
a.cd:visited {color: #FFFFFF;font-weight: bold;text-decoration: underline;}
a.cd:active {color: #FFFFFF;background: #FF0000;text-decoration: underline;}
a.cd:hover {color: #000000;background: #FFFFCA;font-weight: bold;text-decoration: underline;}
</STYLE>
e nella pagina index.php
Codice PHP:
....
<link rel="stylesheet" type="text/css" href="cd.css">
<BODY><center>
<table border="0" width="700" cellspacing="0" cellpadding="0" bgcolor="white">

  <TR>
    <TD width="100%">[img]img/testa.gif[/img]</TD></TR>
  <TR>
    <TD width="100%" background="img/to.png" valing="center">
    [url="index.php"]HOME[/url]
    </TD></TR></TABLE>
.... 
ma non accade nulla ovvero il link è blu e anche se ci vado sopra con il mouse non cambia!

cosa sbaglio?
nel link del css o nella scrittura del codice

grazie