[Resolvido] Hover na div enteira

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.