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;
}

[Prill]

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

specifica per il link le dimensioni (width e height) affinché si estenda abbastanza da mostrare lo sfondo

se volessi invece semplicemente assegnare un link all'immagine:

<a href="link"><img src="miaImmagine.estensione" alt="testo alternativo"></a>

sarà poi necessario rimuovere il bordo (settando border su 0)

[fasa]

specifica per il link le dimensioni (width e height) affinché si estenda abbastanza da mostrare lo sfondo

se volessi invece semplicemente assegnare un link all'immagine:

<a href="link"><img src="miaImmagine.estensione" alt="testo alternativo"></a>

sarà poi necessario rimuovere il bordo (settando border su 0)

grazie prill sistemato