CSS Hover

Bonjour,
J'aimerais savoir si il est possible de modifier les propriétés de plusieurs class en même temps quand la souris passe dessus, je m'explique, j'ai créer dans mon html un tableau qui contient 3 colonnes avec chaque unes une class différente, dans mon css chaque class a une propriété background:url .
Voici mon code je pense que ce sera plus compréhensible :

Dans le HTML :

<a href="#" style="text-decoration:none;"> 
<table width="80%" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td class="gauche"></td> 
    <td class="milieu">Entrer un numéro</td> 
    <td class="droite"></td> 
  </tr> 
</table> 
</a> 

Dans mon CSS

.gauche 
{ 
 background:url(images/touches/gauche.png); 
 width:27px; 
 height:53px; 
} 
.gauche:hover 
{ 
 background:url(images/touches/gauchehover.png); 
} 
.milieu 
{ 
 background:url(images/touches/milieu.png); 
 height:53px; 
 text-align:center; 
 font-family:Arial, Helvetica, sans-serif; 
 text-shadow:0px 1px 1px #FFF; 
  
 color:#000; 
} 
.milieu:hover 
{ 
 background:url(images/touches/milieuhover.png); 
} 

.droite 
{ 
 background:url(images/touches/droite.png); 
 width:27px; 
 height:53px; 
} 
.droite:hover 
{ 
 background:url(images/touches/droitehover.png); 
} 

J'aimerais que quand la souris passe sur milieu, droite ou gauche l'image change sur toutes les class en même temps.
J'ai essayé avec la propriété hover mais l'image change seulement quand la souris passe sur sa propre class.

Je ne sais pas si je suis trés clair mais merci d'avance :)

EDIT : Si ce n'est pas possible de le faire en CSS, pourquoi pas en javascript mais je ne connais pas du tout.