Tienes que especificar el fondo amarillo en
#menu a:hover{
}
o en
#menu li a:hover{
}
Te recomiendo que no utilices colores a través de sus nombres porque cada explorador lo interpreta de una manera...
El código sintetizado y cambiados los colores por unos hesadecimales.....
Código:
#menu{
position:absolute;
top:125px;
left:10px;
background-color:#c7c7bf;
width:800px;
height:25px;
}
#menu ul{
list-style:none;
margin:0px;
padding:0px;
}
#menu li{
float:left;
height:100%;
margin:0px 0px 0px 0px;
padding:7px;
background-color:#ff0;
}
#menu a{
color:blue;
text-decoration:none;
font-family:Century Gothic,Sans-Serif,Verdana,Arial;
font-size:15px;
display:block;
font-weight:bold;
}
#menu li a:hover{
background-color:#ff0;
}
#menu a:visited{
text-decoration:none;
}
Aresillo!!