[CSS 3] Problemes affichage CSS

Bonjour à tous et à toutes,

Je suis entrain de faire une page toutes bête en HTML PHP SimpleXML CSS. et une fois terminé je voulais approfondir mes connaissances en CSS3 et HTML5, donc faire quelques tests ... le soucis est que rien de ce que je met dans mon CSS en CSS3 ne s'affiche ... je voulais mettre une sorte de menu avec une transition dégradé... voici mon code :

HTML
Code:

1 2 3 4 5 6 7 8 9 10 <TABLE BORDER=0 cellspacing="0" cellpadding="0" width="100%"> <TR> <div class="menuTransitionBackground"> <TH align="left" width="33%"><a href="index.php">Index</a></TH> <TH align="center" width="33%"><H1>Ticket</H1></TH> <TH align="right" width="33%"><a href="page2.php">Premier XML</a></TH> </div> </TR> </TABLE>
CSS
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 .menuTransitionBackground a{ padding:10px; color:#666; text-decoration:none; background:#ddd; /*transition*/ -webkit-transition:all .6s ease-in; -moz-transition:all .6s ease-in; -o-transition:all .6s ease-in; transition:all .6s ease-in; } .menuTransitionBackground a:hover{ color:#fff; background:#006699; }
Pourtant tout bête se code ne fonctionne pas ...

Merci de votre aide futur !

Cordialement,

Zaelos.