:hover funktioniert nicht mehr?

[bilbo beutlin]

Hi.

Folgender Quelltext HTML-Quelltext:

[..]

  
  <div class="navi_left">  
   <div><strong>Ueberpunkt</strong></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
   <div><strong>Ueberpunkt</strong></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
     <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
   <div><strong>Ueberpunkt</strong></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
    <div class="navipoint"><a href="index.php">Unterpunkt</a></div>  
   </div>  

[..]

ist mit folgendem CSS bearbeitet:

  
 a{  
  color:#000000;  
  text-decoration:none;  
 }

[..]

  
 .navi_left{  
  background-color:#FFFFFF;  
  border:thin solid #000000;  
  width:22%;  
  margin:3% 0 0 3%;  
 }  
  
 .navipoint{  
  width:100%;  
  border-top:thin dashed #CCCCCC;  
  border-bottom:thin dashed #CCCCCC;  
 }  
  
 .navipoint a{  
  margin-left:10%;  
 }  
  
 .navipoint:hover{  
  background-color:#DDDDDD;  
  color:#003366;  
  font-weight:bold;  
 }  

Das Problem liegt bei der Pseudoklasse :hover. Die Hintergrundfarbe und auch das Schriftgewicht wird übernommen, aber die Farbe (ein Orange) wird nicht übernommen. Woran liegt das?

euer bilbo