Ciao a tutti

ho questo "problemino" che mi sta facendo perdere un sacco di tempo...

ho un div che contiene un testo, il tutto è cliccabile:

<div class="divcolonna2">1. Prodotti</div>


il css che uso per ottenere l'effeto è questo:

.divcolonna2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #cc6699;
text-align:left;
text-decoration:none;
float: left;
width: 252px;
height:108px;
}

.divcolonna2 a {
color: #cc6699;
text-decoration:none;
display: block;
width: 252px;
height:108px;
background-image:url(../images/sfondo_1.jpg);
}

.divcolonna2 a:hover {
text-decoration:none;
color: #cc9900;
background-image:url(../images/sfondo_2.jpg);
}

in pratica il testo "link" all'interno del Div, mi rimane allineato in alto... vorrei aggiungergli un pò di margine (top margin) ma non riesco...

Come posso spostarlo un pò verso il basso?