Hallo Joseba,
du musst mit deinen margins und paddings aufräumen. Die a Elemente im nav haben nur padding, die a Elemente im Dropdown haben auch margin. Deswegen ist im Dropdown ein Abstand zum Rand.
Tipp: Wenn Du mit den Entwicklerwerkzeugen des Browsers einen Teil deiner Seite anschauen willst, der nur bei :hover sichtbar ist, kannst Du den Hover-Zustand einschalten. Firefox und Chrome haben eine Funktion dafür.
Wähle zuerst im DOM Inspektor (Chrome: Elements Ansicht) das div mit Klasse "dropdown" aus. Dann setze die Checkbox für :hover. Das Dropdown öffnet sich und bleibt offen, auch wenn Du mit der Maus woandershin zeigst.
Rolf
--
sumpsi - posui - clusi
sumpsi - posui - clusi