Problème de priorités de regles CSS

salut les css addict !

sur mon futur site, dans le menu de gauche, je voudrais amoindrir la taille du texte de "carnet gastronomique".

rien de bien fou, sauf que je n'y arrive pas !

j'ai essayé !important, de prioriser a fond...rien à faire. Pouvez vous m'expliquer ce qui cloche svp ?

<ul class="navigation">
    <li class="toggleSubMenu"><span id="gastro">Carnet gastronomique</span>

	.navigation {
      margin: 0;
      padding: 0;
      list-style: none;
      color: #fff;
      width: 200px;
      font: 14px arial;
	  font-variant: small-caps;
      }

	ul.navigation li.toggleSubMenu #gastro {font-size:10px;}
	

une petite idée ? il s'agit juste de diminuer la taille du texte...

est ce qu'il manque des infos ? je n'ai pas voulu trop surcharger le post en mettant uniquement le CSS qui concerne le texte dont je veux modifier la taille..

merci de bien vouloir passer 2 minutes à répondre à ma question de newbie...
Modifié par vjbeng (04 Jul 2008 - 03:50)