Hallo,
Dem Listenpunkt ist es egal was innen oder außen vor sich geht. Wenn Du sagst Linie links,oben,rechts, dann macht der das auch. Die äußere Linie würde stimmen, wenn das li Element ca. 2px höher enden würde. Also lass es 2px höher enden.
Dann besteht das Problem mit dem a Element, das muss ja 2px weiter runter als das umgebende li Element. Also musst Du dem li sagen, das beinhaltete Elemente die größer sind, als es selbst, nicht gescrollt, nicht abgeschnitten, sondern angezeigt werden. overflow:visible; meine ich mich zu erinnern, aber schau das selber nochmal nach.
Das müsste so grob der Weg sein.
Vielleicht gefällt Dir aber auch sowas?
netten Tag
^da Powl