Salve
sapete dirmi dove sbaglio?
Ho scritto tramite css un rollover su un'immagine che mi serve da bottone; come tale ha bisogno di un rollover...

Allora io ho settato:

__________________________________________________ ___

.pulsanteCATEGORIE {
position:absolute;
background:url(../images/UP.jpg);
width: 116px;
height:28px;
top:170px;
left:13px;
right:13px;
}

div:hover.pulsanteCATEGORIE {
position:absolute;
background:url(../images/DOWN.jpg);
width: 116px;
height: 28px;
top:170px;
left:13px;
right:13px;
}

__________________________________________________ ___

top, left e right mi servono per posizionare correttamente il div all'interno della mia pag html.

Perchè però quando poubblico la pagina non mi da alcun segno di rollover????
nell'html ho inserito il div in questo modo:

__________________________________________________ _______


<a href="http://www.libero.it"><div class="pulsanteCATEGORIE"></div>
</a>
__________________________________________________ ________

Cosa sbaglio?