a {text-decoration: none; } enkel laten toepassen in de navigatie

Momenteel heb ik als navigatieysteem een image waarover ik hotspots markeer om een link te leggen.

Dit wil er nu gewoon uithalen en werken met html en css, maar zonder dat de woorden worden onderlijnd als ik er een link achter steek.

Geen probleem, met CSS is dit snel opgelost...

a {
text-decoration: none;
}

Voor het navigatie gedeelte werk ik met volgende 'blok' (staat nog niet online):

#navigatie {
margin-left: 40px;
margin-right: 130px;
margin-bottom: 20px;
text-align:right;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;

}

Echter, als ik de 'a {text-decoration: none;}' toevoeg, dan past hij dit toe op de hele pagina...

Hoe kan ik er voor zorgen dat hij dit enkel doet voor het navigatie-gedeelte?

www.slagerijvanhove.be

Thanks!
S.

Deze CSS wordt toegepast op alle <a> elementen die binnen een element met het id navigatie vallen.

EDIT: wellicht handig om je even in te lezen in de werking van CSS.

Thx! Idd, logisch, maar kwam er niet op :-D