los elementos en linea no respeta el alto ni margin o padding top y bottom
te recomiendo pasarlos a display:block
para hacer los menu y submenu con css solamente tenes q hacer
<ul>
<li><a href="#">link 1</a>
<ul>
<li><a href="#">sub link 1</a>
</li>
</ul>
</li>
<li><a href="#">link 2</a></li>
</ul>
ul ul {display:none}
a:hover + ul {display:block}
basicamente es se hacen asi
saludos