Regler largeur et hauteur du menu

Bonjour,

Je viens de créer un menu à deux niveaux dans ma page HTML.

Je voudrais tout simplement que le menu soit égal, c'est à dire régler la hauteur.

Car l'intitlué de mes menu sont parfois trop long, donc les intitulés se mettent automatiquement à la ligne au lieu de tenir sur une même ligne.

J'ai essayé d'utiliser la fonction "width" et "height" pour regler ce problème mais rien n'y fait

#menu
{
width:100%;
  text-align: center ;

}

#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;

 }

#menu li 
{
 float:left;
 margin:auto;
 padding:0;
 background-color:#8B0000;

 }

#menu li a 
{
 display:block;
 width:100px;
 color:white;
 text-decoration:none;
 padding:5px;
 }

#menu li a:hover 
{
 color:#FFD700;
 }

#menu ul li ul {
 display:none;