":after" aufheben / überschreiben

[Maik W. aus E.]

Tach zusammen,

Ich hatte es mir so schön ausgedacht, in meiner Menüleiste den gerade gewählten (und deswegen inaktiven) Link per ":after" mit einem Sternchen auszuzeichnen, allerdings gelingt es mir nicht, das ":after" für die Links dann wieder aufzuheben...

So habe ich's bisher:

  
<ul id="menu">  
   <li><a href="#">Punkt1</a></li>  
   <li><a href="#">Punkt2</a></li>  
   <li><a href="#">Punkt3</a></li>  
   <li>Punkt4</li>  
   <li><a href="#">Punkt5</li>  
</ul>  

Formatiert ist Folgendes:

  
  ul#menu li {  
 list-style: none;  
 margin: 0;  
 padding: 0.5em;  
 display: inline;  
 }  
  
 ul#menu li:after{  
 content:" *";  
 color: #FF6C16;  
 }  
  
  
  ul#menu a {  
 color: #1E1C88;  
 padding: 0;  
 text-decoration: none;  
 font-weight: bold;  
  }  
 ul#menu a:after{  
 content:"";  
 }  

Da sollte doch der nicht vorhandene Inhalt, den vorhandenen Inhalt aufheben, oder? Nicht definiertes ":after" bringt auch keine Änderung...
Hat jemand eine Idee?

Danke und

http://www.gruss-aus-essen.de

Maik