Onkel.Tom: a:active

Beitrag lesen

Guten Tag

Was mache ich falsch, dass die Funktion "ul#Navigation a:active" nicht funktioniert?

Mein CSS:

ul#Navigation {  
        width: 15em;  
        margin: 0; padding: 0.8em;  
	margin-top: 10em;  
	margin-left: 5em;  
  }  
  
ul#Navigation li {  
        list-style: none;  
        margin: 0.4em; padding-bottom: 40px;  
	-moz-border-radius: 20px;  
	borer-radius: 20px;  
}  
  
ul#Navigation a {  
	display:block;  
	padding: 0.2em;  
	text-decoration: none;  
	font-weight: normal;  
	border-left-color: white;  
	border-top-color: white;  
	color: white;  
	background-color: #F30;  
	-moz-border-radius: 20px;  
	border-radius: 30px;  
  
  }  
  
ul#Navigation a:hover {  
        border-color: white;  
	text-align: left;  
	background-color: #00B0F0;	  
	font-weight: normal;  
        border-bottom-color: black; border-right-color: black;  
	border-radius: 30px;  
	-moz-border-radius: 20px;  
        color: white;  
  
  }  
  
ul#Navigation a:active {  
        border-color: white;  
	display:block;  
	text-align: left;  
	background-color: #00B0F0;	  
	font-weight: normal;  
        border-bottom-color: black; border-right-color: black;  
	border-radius: 30px;  
	-moz-border-radius: 20px;  
        color: white;  
  
  }

und hier der Aufruf:

<ul id="Navigation">  
    <li><a href="index.html">&nbsp;Home</a></li>  
    <li><a href="halsketten.html">&nbsp;Halsketten</a></li>  
    <li><a href="ohrringe.html">&nbsp;Ohrringe</a></li>  
    <li><a href="glastiere.html">&nbsp;Glastiere</a></li>  
    <li><a href="weihnachtsschmuck.html">&nbsp;Weihnachtsschmuck</a></li>  
	<li><a href="aktuell.html">&nbsp;Aktuell</a></li>  
</ul>  

Die Einträge "Halsketten, Ohrringe, usw" (wenn ich die nun anklicke) sollten doch (also bei active) die andere Hintergrundfarbe anzeigen?

hover geht, aber active nicht.

Wo mache ich einen Denkfehler?

Hmm, Danke und gruss
Onkel.Tom