"Unter"steuerung

Die Links sind im Normalzustand nur so groß, wie die Schrift (Stichwort: inline-Elemente).
Um die ganze Fläche anklickbar zu machen, muss man zusätzlich ein display: block; vergeben, eventuell auch in Verbindung mit float und clear.

Hoffe das hilft, ansonsten wäre der komplette relevante Code hilfreich.

Gruß
Laura

Zitat von "neuling11"

aber sobald ich die Aufzählungspunkte der ul List weiter nach rechts (ca. 0.5em) verschiebe, dann bleibt es links beim drüberfahren weiß.

verwende nicht

ul li a {
    margin-left: 0.5em;
}

Sondern eher

ul li a {
    padding-left: 0.5em;

Dadurch ändert man den Innenabstand der, im Gegensatz zum Abstand zum nächsten Objekt(margin), mit eingefärbt wird
Außerdem sollte, wie Lauras schon sagte, die <a>'s ein Block-Element werden

Ich schreibe dir mal kurz hier was zusammen, was du als Vorlage verwenden kannst
Hab dir deine beiden Wichtigen Punkte auch mit einem Kommentar versehen, kannst ja etwas rumprobieren^^

<ul id="Navi">
    <li><a href="#">Punkte</a></li>
    <li><a href="#">Punkte</a></li>
    <li><a href="#">Punkte</a></li>
    <li><a href="#">Punkte</a></li>
    <li><a href="#">Punkte</a></li>
</ul>







/* CSS-Datei */




* {
    margin: 0;
    padding: 0;
}




ul#Navi {
    width: 10em;
    float: left;
    margin-left: 0em; /*Der Abstand zwischen der Navigation und dem Seitenrand*/
    list-style: none;
}




ul#Navi li {
    border-bottom: 1px dotted #000;
}




ul#Navi li a,
ul#Navi li strong {
    text-decoration: none;
    text-align: left ;
    color: #4f5857;
    display: block;
    padding-left: 1em; /*Abstand der Schrift bis zum Rand der Navigation*/
}




ul#Navi li a:hover {
    background: silver;
}