esta mal declarado y asignado, mira este ejemplo:
Código:
#tabs{
width:300px;
height:150px;
border:1px solid #000000;
background-color:#000000;
}
.actual{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#330000;}
.actual li a{ background-color:#00FF33; color:#009933;}
.actual li a:hover{ background-color:#00FF33; color:#fff;}
Código HTML:
<div id="tabs" class="actual">
<ul>
<li>
<a href="#">algo</a>
</li>
</ul>
</div>
pruebalo y avisas