Problème d'application de CSS - pb lien !!!

Bonjour,

J'ai crée un menu avec des onglets :

- Lien : texte du lien de couleur noir, flèche noir
- Lien survolé : texte du lien de couleur orange, fléchè orange
- Lien cliqué : texte du lien de couleur orange, flèche orange

Le problème c'est que pour le lien cliqué ça ne marche pas !


Voici mon code :

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="onglets">
<tr>
<td><a href="" target="centre">Synthèse</a></td>
</tr>
<tr>
<td><a href="" target="centre">Modification</a></td>
</tr>
</table>


Et le CSS :

#onglets a {
background-image:url(../0/fleche_noir.GIF);
background-repeat: no-repeat;
background-position: 3% 50%;
color: #000000;
text-decoration: none;
display:block;
font-family: Arial;
font-size: 16px;
padding:3px 5px 3px 18px;
cursor: default;
}

#onglets a:hover {
background-image:url(../0/fleche_orange.gif);
background-repeat: no-repeat;
background-position: 3% 50%;
color: #FF7F00;
text-decoration: none;
display:block;
font-family: Arial;
font-size: 16px;
padding:3px 5px 3px 18px;
cursor: default;
}

#onglets a:active {
background-image:url(../0/fleche_orange.gif);
background-repeat: no-repeat;
background-position: 3% 50%;
color: #FF7F00;
text-decoration: none;
display:block;
font-family: Arial;
font-size: 16px;
padding:3px 5px 3px 18px;
cursor: default;
}

MERCI PAR AVANCE !