Cambiar una zona al pasar el raton

[dmm84]

Hola a todos,

Código CSS:

#uno #n { background:url(../images/0iz.png) no-repeat; padding-bottom:5px; padding-left:10px;}
#dos #n { background:url(../images/0de.png) no-repeat; padding-bottom:5px; padding-left:10px;}
 
#uno #n:hover { background:url(../images/1iz.png) no-repeat; padding-bottom:5px; padding-left:10px;}
#dos #n:hover { background:url(../images/1de.png) no-repeat; padding-bottom:5px; padding-left:10px;}
 

Código HTML:

<a href="#" id="uno"><span id="n"></span></a>
<a href="#" id="dos"><span id="n"></span></a>
 

Bueno, el caso es que lo que yo quiero conseguir es que al pasar el raton por #dos se tiene que cambiar tambien #uno. Es decir, si solo paso el raton por #uno pues solo #uno se cambia pero si paso el raton por #dos, entonces #uno y #dos se tienen que cambiar. A ver si alguien me pudiera ayudar con esto.