[Resolvido] Juntar classe com div

[Layo 10]

beleza galera ? tenho um menu css onde tenho uma classe que fica com o botao ativo porem eh a mesma configuração do a:hover e nao consigo juntar fica assim:

 

#menu ul {
   padding:0px;
   margin:0px;
   float: left;
   width: 100%;
   background-color:#CCC;
   list-style:none;
color: #FFF;
}

#menu ul li { 
display: inline; 
}


#menu ul li a {
   padding: 10px 24px;
   float:left;
   background-color:#CCC;
   color: #FFF;
   text-decoration: none;
   border-bottom:4px solid #EDEDED;
   font-size: 20px;
} 

#menu .ativo {
background-color: #4071B5;
border-bottom:3px solid #333;
}

#menu a:hover {
background-color: #4071B5;
border-bottom:3px solid #333;
}


[/code}

Gostaria de juntar os dois em um so, é possivel ?

[code]
#menu .ativo {
background-color: #4071B5;
border-bottom:3px solid #333;
}

#menu a:hover {
background-color: #4071B5;
border-bottom:3px solid #333;
}

[Marrabel 20]

Assim?

 

#menu a:hover, #menu .ativo{
background-color: #4071B5;
border-bottom:3px solid #333;
}

 

Ou Assim?

 

#menu a.ativo{
background-color: #4071B5;
border-bottom:3px solid #333;
}

[Diegus Miestro 21]

Assim?

#menu a:hover, #menu .ativo{background-color: #4071B5;border-bottom:3px solid #333;}

Ou Assim?

#menu a.ativo{ background-color: #4071B5; border-bottom:3px solid #333; }

 

Acredito que ele deseja a primeira opção, para fazer o efeito do botão de menu que foi clicado ficar com a mesma aparência do que quando o mouse para em cima.

[Layo 10]

#menu a:hover, #menu .ativo{
background-color: #4071B5;
border-bottom:3px solid #333;
}

 

Valeu galera era isso mesmo !!!!