[Resolvido] Hover na div enteira

[VinnYSPL 0]

Boa tarde bom eu estou com uma dificuldade para fazer um seguinte calendário que seria o hover.

O que era pra acontecer mais nao acontece eu queria que o hover pega-se a div inteira nao somente o texto que esta dentro dela. deu pra compreender ?

 

.calendar ul {
   width: 480px;
   float: right;
   list-style: none;
}
.calendar ul li{
   width: 64px;
   height: 64px;
   margin: 1px;
   float:left;
   text-decoration: none;
   border-top-radius: 4px 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border: solid 1px #dfdfdf;
   overflow: hidden;
}
.calendar ul li a{
   width: 64px;
   height: 64px;
}
.calendar  ul li a:hover{
   background-color: #000;
   width: 64px;
   height: 64px;
}

 

Grato.

[Vinicius Weber 0]

Faz li:hover entao, ou deixar li a:hover pegando 100% do li

[VinnYSPL 0]

Vlw maninho foi o melhor que deu pra fazer :) botei um li:hover mais o a:hover nao funcionou quando botei 100%

vlw