Auch den Bereich des Innenabstandes farbig hinterlegen

[Lebowski]

Hallo,
ich bin gerade dabei, mit eine Navigationsleiste zu erstellen. Der entsprechende css-Schnipsel sieht so aus:


#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?

[zenobic]

Eigentlich könnte man mit



#header li:hover {
background-color: #000;
}

die background-color ändern.

Während Internet Explorer 6 dies nicht
supported (und auch nicht hover über images, nur :hover über anchor/links), kann man den hover über den class-selector zum entsprechenden Tag setzen.

Oder einfach für IE6 über Javascript.