Problema com cor em menu

michelmfreitas · Março 27, 2010

Olá pessoal, esotu com um probleminha no meu CSS. Queria que ele ficasse com uma cor diferente quando estivesse na página correspodente. Pesquisei e utilizei a:active, porém não funcionou.

Alguém pode me ajudar?

Código do menu:

<div id="menu">
   <a href="/">Home</a>
   <a href="?pagina=empresa">Quem Somos</a>
   <a href="?pagina=produtos">Camisetas</a>
   <a href="?pagina=promocoes">Promoções</a>
   <a href="?pagina=tamanhos">Tamanhos/Malhas</a>
   <a href="?pagina=comoComprar">Como Comprar</a>
   <a href="?pagina=contato">Contato</a>
</div>

Todo css que envolve o #menu

#menu{
	float:left;
	margin-top:25px;
	background-image:url(../img/barra.jpg);
	background-repeat:no-repeat;
	padding:10px 5px 5px 10px;
	width:688px;
	height:32px;
}

#menu a{
	text-decoration:none;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	margin-right:13px;
}

#menu a:hover{
	color:#FF0;
}