imbrication a:hover avec table

Bonjour,

Je ne suis pas un spécialiste en CSS et je me perds encore quelquefois.

J'ai une

Code:

DIV id = "nav"

Dans cette div, j'ai une table qui comporte des liens

J'aimerais qu'au survol de la souris toutes mes cellules prennent un couleur plus claire.

J'ai essayé la chose suivante mais ça ne fonctionne pas.

Code:

1
2
3
4
 
#nav table tr td a:hover{
	background-color: #4169e1;
}

Voici mon code CSS

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
 
a{
	color: White;
	font-weight: bold;
}
 
a:hover{
	color: White;
	font-weight: bold;
	font-style: italic;
}
 
#nav {
	background-color: #0000FF;
	/*background: url("pictures/navbg.gif") repeat-x left top;*/
   height:220px;
   padding-top:0px;
   margin  :0px;
	color : White;
	/*clear: both;*/
}
 
#nav table tr td a:hover{
	background-color: #4169e1;
}

et le code html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<div id="nav">
 
<table border="0">
  <tbody>
    <tr>
      <td><a href="index.php?section=accueil">Accueil</a></td>
      <td><a href="index.php?section=equipe">&Eacute;quipe</a></td>
      <td><a href="index.php?section=cours">Cours</a></td>
      <td><a href="index.php?section=under_construction">Projets</a></td>
      <td><a href="index.php?section=documents">Documents</a></td>
      <td><a href="index.php?section=under_construction">Contacts</a></td>
      <td><a href="index.php?section=liens">Liens</a></td>
      <td><a href="index.php?section=under_construction">Partenaires</a></td>
    </tr>
    <tr>
      <td>
        <a href="index.php?section=accueil" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('btn_5','','pictures/accueil.gif',1)">
          <img src="pictures/accueil_h.gif" alt="Accueil" width="123" height="193" name="btn_5" id="btn_5" />
        </a>
      </td>
....

Quelqu'un peut-il m'aider? :traine:

Merci beaucoup