Du hast an der Liste UL nichts an den Abständen geändert, so dass dann noch die Einstellungen des Default-Stylesheets des Browsers greifen.
Mit
Code:
#navi ul.ebene02 {
clear: both;
margin: 0;
padding: 0;
setzt du die Abstände auf 0 und es steht alles direkt untereinander.
Es empfiehlt sich auch alle Abstände erst mal auf 0 zu setzen mit *{margin: 0; padding: 0;} am Anfang deines CSS und danach die Abstände zu definieren für die Elemente, die es brauchen.
Mit Margin-top auf die Li-Elemente kannst du den vertikalen Abstand der Listenelemente zueinander ändern, damit sie nicht so eng untereinander stehen.