Levare sottolineatura su immagine linkata

[millennio]

Nel css ho questo:

#language {  
width: 994px;  margin: 5px auto;   
}   
#language img {    
width: 20px;    height: 15px;   
}
#language a, #language a:hover {
  text-decoration: none;
}
#language a img, #language a:hover img {
  border: 0;
}

nella pagina ho questo:

<div id="language">    
[img]images/it.png[/img]  
[img]images/en.png[/img]
</div>

ma le immagini delle bandiere con i link sono sottolineate

http://imageshack.us/photo/my-images/9/bandieren.png/


Come posso cavare la sottolineatura solo alle immagini contenute in quel DIV?

[Mich_]

#language a, #language a:hover {
  text-decoration: none;
}
#language a img, #language a:hover img {
  border: 0;
}

[millennio]

non funziona!!!!

[millennio]

nessuno?

[millennio]

se aggiungo in

#language img {  
width: 20px;  height: 15px;
}

questo:

position: absolute;

Mi leva la sottolineatura alle immagini, ma me le sovrappone tutte al centro.

Helppppppp!!!!!!!!!

[Mich_]

Be`, se fai prove a caso ben difficilmente arrivi ad una soluzione.

Quel codice funziona sicuro (salvo errori di sintassi, che puoi eventualmetne trovare tramite i validatori).
Quello che puo` succedere e` che hai messo il codice in un punto sbagliato, oppure che sovrascrivi le direttive con altre che contrastano.

[millennio]

mich come posso verificare dove sono gli errori?

[Mich_]

Per gli errori di sintassi, la cosa piu` comoda sono i validatori. Tra i "link utili" trovi i riferimenti.
Per gli errori di logica, una mano la puo` dare la developer bar di FF, o altre equivalenti di altri browser.
Per gli errori di semantica, la cosa e` piu` complessa: sono da evitare a monte; ci sono dei prodotti, ma non so fino a quanto siano affidabili.

[millennio]

ho risolto bastava aggiungere questo:

border: 0;

qui

#language a {  
text-decoration: none;  
border: 0; 
}