Differente taille sous élément menu CSS

bonjour,

je débute et je crée de A à Z un menu en CSS

j'aimerais que les menus du haut soient plus grands que les sous listes.
Voici ce que j'ai mis, malheureusement la dernière ligne est aussi grande que celle tout en haut

Merci de votre aide

#menu, #menu ul {
  padding : 0; 
  margin : 0;		
  list-style : none; 
  line-height : 200px; 
  text-align : center; 
  border-width:5px;	
}
#menu li {
  height:100px;
}
#menu ul:first-child > li a, #menu ul:first-child > li {
  height:100px;
}

Modifié par 6l20 (11 Jan 2014 - 17:03)

Pourrais-tu également fournir le code html histoire que ca soit plus clair

salut,
déjà le "line-height:200px" est à bannir car je pense inapproprié et puis si tu ne désires pas les styles par défaut des navigateurs, tu devrais plutôt utiliser un reset CSS qui t'évitera de tout réécrire à chaque fois pour chaque élément.
Sans le code HTML ce n'est pas évident mais je suppose que pour cibler tes <li> de premier rang, ça serait plutôt :

#menu>ul>li {}

et puis pour les sous menues

#menu li li {}