Om nah hoo pez nyeetz, Gunnar Bittersmann!
UI fail! Ein Hover-Effekt signalisiert dem Nutzer: hier kann er clicken, um eine Aktion (neue Seite) auszulösen. Befindet sich der Mauscursor innerhalb der li-Box, aber außerhalb der a-Box, ist der Hover-Effekt zu sehen, beim Click passiert aber nichts – schlecht.
Also zum Beispiel zwischen Aufzählungspunkt und Linktext.
Zwei Auswege aus dem Dilemma: (1) Die a-Box so groß machen wie die li-Box:
li a { display: block }
Das ist aber kaum das, was man will. oder (2) Die li-Box so klein machen wie die a-Box (shrink to fit):li { clear: left; float: left }
beide getestet im FF3.6 und beide bringen hinsichtlich des von dir aufgeworfenen Problems keine Änderung. Außerdem sollte man dem Nutzer auch zutrauen, die Form des Mauscursors im Auge zu behalten.
Matthias