Un errore su a href che non capisco

[s8i4]

Ciao a tutti... e da ieri che non capisco un errore che mi capita perchè se io scrivo questo

<div class="link">
            <a title="prova0"  class="icona0" target="_new" href="../pdf/dir/prova.pdf">
            <span>prova0</span>
            </a>
            

prova prova prova</p>
</div> 

e nel css

DIV.centrale DIV.colonna_dx DIV.elenco DIV.testo DIV.link A.icona0:link, DIV.centrale DIV.colonna_dx DIV.testo DIV.elenco DIV.link  A.icona0:visited{
                background-image:url(../img/dir/prova.jpg);
                background-position: center center; background-color:#fff;
                background-repeat: no-repeat;
                padding:5px; border:1px solid #51775F;
                width:120px; height:120px;        
        }
DIV.centrale DIV.colonna_dx DIV.testo DIV.elenco DIV.link  A.icona0:hover{
                border:1px solid #83c199;    
} 

Come avete capito voglio avere un link con un'immagine di larghezza e altezza 120 px che linka ad un pdf. L'immagine non compare e quindi neanche il link.
Se in invece io provo a scrivere nell'href ad esempio prova.html, prova.php oppure lo lascio vuoto tutto funziona correttamente. Io non riesco a capire come mai.
Ringranzio in anticipo tutti...