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?