Ho provato ma la pagina2 rimane di colore fisso immobile al passaggio del mouse

HTML

codice:
<div id="testata">
<ul>[*]pagina1
<li class="corrente">pagina2[*]pagina3[*]pagina4[*]pagina5[*]pagina6[/list]
</div>
CSS

codice:
.corrente {
color: #FFEAD2; 
background: #E66F0C; 
text-decoration: none;
}

a.menubar:link  {
color: #ffffff; 
background: #FF9109;
 text-decoration: none; 
}

a.menubar:visited  {	
color: #ffffff; 
background: #FF9109;
text-decoration: none; 
}

a.menubar:hover {
color: #FFEAD2; 
background: #E66F0C; 
text-decoration: none; 
}

a.menubar:active { 
color: #7E4317; 
background:#FF9109; 
text-decoration: none;
}

div#testata {
background-color:#FF9109; 
color: #FFFFFF; 
padding-bottom:0; 
font-weight: bold; font-size: 11px; 
line-height: 10px; 
text-transform: uppercase; 
margin-bottom: 10px; 
margin-top: -6px; 
height: 12px; 
text-align: left;
}

div#testata ul {
list-style:none; 
padding:0; 
margin:0;
}

div#testata ul li{
display:inline;
}

div#testata ul li a {
font-weight:bold; 
text-decoration:none; 
font-family:Verdana, Arial, sans-serif; 
font-size:0.8em; 
padding:0 5px;
}