[bumbarashka]

У меня на сайте при выводе меню рядом с ссылками должны должны появляться голубые кружочки, при наведеннии мышкой красные, так вот красные есть при наведении а голубых нет.
Вот css:

PHP код:

BODY {
    font-family: Tahoma, Arial;
    font-size: 11px;
    background: white;
  }
 
 
  td { 
  font-family: Tahoma, Arial;
  font-size: 11px;
  
   } 

.navu {  font-size: 12px; color: #CC0000; 
                font-weight: bold;
                padding-left: 17px;
                background-image:url(img/arrow.gif);
                background-repeat: no-repeat;
                background-position: left center; }  

.nav {  font-size: 12px; color: #CC0000; 
                font-weight: bold;
}

.nav a { 

font-size: 12px; color: #000000; text-decoration: none;
font-weight: bold;
padding-left: 17px; 
  background-image:url(img/arrow2.gif);
    background-repeat: no-repeat;
    background-position: left center;

}
.nav a:hover 

{ font-size: 12px; color: #CC0000; text-decoration: none; 
font-weight: bold;
padding-left: 17px;
  background-image:url(img/arrow.gif);
    background-repeat: no-repeat;
    background-position: left center;
               
}


.subnav { font-size: 11px; color: #000000; text-decoration: none;}
.subnav a { font-size: 11px; color: #000000; text-decoration: none; }
.subnav a:hover { font-size: 11px; color: #CC0000; text-decoration: underline;}

.toplink { font-size: 10px; color: #ffffff; text-decoration: none; font-weight: bold;}
.toplink a { font-size: 10px; color: #ffffff; text-decoration: none; font-weight: bold;}
.toplink a:hover { font-size: 10px; color: #ffae00; text-decoration: none; font-weight: bold;} 


Вывод ссылки:

PHP код:

                            <? if ($category == "first") { echo "<div class=\"navu\">Первое</div>"; } else { echo "<div  class=\"nav\"><a href=\"view.php?category=first\">Первое</a></div>";} ?>