Probleme mit em

[Gunnar Bittersmann]

@@Rolf b

ich habe mir das mal in ein Fiddle kopiert

Warum nicht verlinkt?

JSFiddle?

/* Einmal zentral die Margins und Paddings für die randfrei gewünschten Elemente löschen */
body, nav ul, main {
	margin: 0; padding: 0;
}

Das willst du für nav li sicher auch tun.

nav ul li a:hover {              /* Effektanzeige wenn Maus den Link berührt */
	background-color: #ff7;
}

Du hast den Fokus verloren.

Merke: Wann immer :hover im Stylesheet steht, sollte auch :focus dastehen. Die Seite soll ja auch per Tastatur benutzbar sein.

[Ergänzung] Und wie ich schon sagte, den Selektor nicht so spezifisch. nav a:hover, nav a:focus.

LLAP 🖖