Prueba a quitar el punto(.) entre #menu y a:hover
No sé porqué pones ese punto.
#menu a:hover{
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
font-weight: bolder;
font-family: Grande, Arial, Sans-serif;
}
<div id="menu">
<a href="prueba.com">Prueba</a>
</div>