La talle en hauteur ça se définit via l'atribut "hieght".
"Line-height" sert à changer l'interlignage ou l'espace entre tes lignes (pour un paragraphe en particulier).
Sinon, plutôt que de mettre les éléments de background à ton menu sur ton <ul>, je te conseille de le mettre sur ta <nav> et tu peux même retirer ta <div> entre ta <nav> et ta liste, elle ne sert à rien.
Si tu utilises des balises HMLT5, pense aussi à mettre un doctype adéquat
Sache enfin que les dégradés peuvent être générés en CSS avec l'attribut "gradient" : ça te fera une image moins à charger 