Auch den Bereich des Innenabstandes farbig hinterlegen
Hallo,
ich bin gerade dabei, mit eine Navigationsleiste zu erstellen. Der entsprechende css-Schnipsel sieht so aus:
Code:
#header {
float:left;
width: 59%;
font-size: 93%;
line-height: normal;
border-bottom: 2px dotted #AA0000;
}
#header ul {
margin: 0;
padding: 0;
list-style: none;
}
#header li {
float: left;
margin: 0;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 0.1em;
margin-left: 5em;
border-top: 2px dotted #AA0000;
border-left: 2px dotted #AA0000;
border-right: 2px dotted #AA0000;
}
#header a {
display: block;
}
#header a:hover {
color: #BB0000;
background-color: #eeeeee;
}
#header #current a {
background: #eeeeee;
}
Wenn man mit der Maus über eines der Navigationselemente fährt, wird (durch a:hover) nur die Schrift grau hinterlegt, nicht jedoch der Bereich der durch die paddings erzeugt werden.
Ich möchte aber gerne, dass der gesamte Bereich grau hinterlegt wird, wie kann das gelingen?