Ulisses Lima

Bom dia a todos!

Sou novato em CSS, por isso devo estar com um problema básico, porém não sei onde buscar a solução.

Estou fazendo um menu com Abas, porém o mesmo só está funcionando corretamente no IE.

Esse menu deve ter um cor de aba no estado inativo e outra cor da aba ativa (selecionada), porém, no Firefox, ele retorna a cor do estado inativo, sendo que no IE, funciona corretamente.

Segue o código:

.tabbar {
margin-top: 10px;
border-bottom: 4px solid #0000CD;
padding: 2px 0px;
font-family: sans-serif;
font-size: 83%;
}
.tabbar ul {
margin: 0;
padding: 0;
display: inline;
list-style: none;
}
.tabbar li {
margin: 0;
padding: 0;
display: inline;
list-style: none;
}
.tabbar a { 
padding: 2px 1em;
border-top: 1px solid #0000CD;
border-left: 1px solid #0000CD;
border-right: 1px solid #0000CD;
border-bottom: none;
background-color: #CFD3FF;
color: #fff;
text-decoration: none;
}
.tabbar a:hover
{ 
border-top: 1px solid #00008B;
border-left: 1px solid #00008B;
border-right: 1px solid #00008B;
background-color: #0000CD;
color: #FFF;
text-decoration: none;
}
.tabbar a:active {
border-top: 1px solid #00008B;
border-left: 1px solid #00008B;
border-right: 1px solid #00008B;
background-color: #0000CD;
color: #FFF;
text-decoration: none;
}
.tabbar a.tabact {
border-bottom: 1px solid #0000CD;
background-color: #0000CD;
color: #CFD3FF;
font-weight: bold;
}
.tabbar a.tabact:hover
{
background-color: #0000CD;
color: white;
}
.tabbar a.tabact:active {
background-color: #0000CD;
color: white;
}

Se alguém souber onde devo atuar para corrigir o problema no Firefox.

Obrigado.

Ulisses