Aiuto ridimensionamento immagine (non funziona)

[fasa]

Ciao ragazzi,

allora il mio problema "dovrebbe" essere semplice.... vediamo un po :



Ho questo codice , che tutto sommato funziona per quello che dovrei fare... ovvero una immagine di dimensioni 70px x 50 px , passandoci sopra con il mouse dovrebbe cambiare....

Fin qua ok....

Il problema è che malgrado abbia messo sul parametro del css le dimensioni non vuole saperne di ridimensionarsi, e rimane microscopica...come mai ?

P.s. già che ci sono vi dico in realtà a me basterebbe l'immagine che passandoci sopra, clicco e vada ad un altro link.... quindi senza il testo "AAAAA" per capirci





<style type="text/css">
body{

}
.navigation a{
display: block;
background-image: url(loghetto.jpg);
background-repeat: no-repeat;
}
.navigation a:hover{
background-image: url(loghetto1.jpg);
}
</style>


<div class=\"navigation\"><a href=\"http://link.it\"> AAAAA </a>






------------


nel css avevo messo così ma non funziona !!


.navigation a{
display: block;
background-image: url(loghetto.jpg);
background-size:70px 50px;
background-repeat:no-repeat;
}
.navigation a:hover{
background-image: url(loghetto1.jpg);
background-size:70px 50px;
background-repeat:no-repeat;
}