Hover länger als Link

Hallo!
Ich möchte gerne, dass der hover-Effekt nicht die gleiche Größe wie der Link hat, sondern länger ist.

Schwer zu erklären … darum mal ein Link:
http://www.yaml.de/yaml_xhtml_struktur.html

Wenn man links im Menu die Maus über „Skiplinks“ hält, dann wird der Link ja orange hinterlegt. Aber dieser Effekt geht weiter, und hört nicht direkt nach dem Link auf.

Ich habe ein div für das linke Menu gemacht.
Innerhalb dieses divs befindet sich die Liste (ul) für die Links.

Im CSS habe ich bisher für diese Liste folgendes definiert:

#navi2 a:link 		{color:white; text-decoration:none; background-color:black;}
#navi2 a:visited	{color:white; text-decoration:none; background-color:black;}
#navi2 a:hover 		{color:black; text-decoration:none; background-color:white;}
#navi2 a:active		{color:black; text-decoration:none; background-color:white;}
#navi2 a:focus 		{color:black; text-decoration:none; background-color:white;}

Und für das div, in dem sich diese Liste befindet:

#menu {
margin-top: 50px;
width: 200px;
float:left;
} 

gibt dem a-element den style „display: block;“. glaube das müsste dir weiterhelfen. ansonsten schau mal auf http://aktuell.de.selfhtml.org/artikel/css/mouseover/index.htm

Wahhh, so einfach?!
Hat auf Anhieb geklappt :smiley:
Danke!