CSS rollover: va in contrasto con css esterno?

[volponerosso]

Ciao a tutti
sto facendo dei pulsanti a simboli con rollover tramite css.. quindi 1css con a.link e 1 css con a:hover per ogni pulsante.

Il tutto funziona perfettamente se lo integro nella pagina index.html <style type="text/css"></style>.. mentre se provo ad esternarlo in miostile.css non funziona più nulla… Non si vede ne il pulsante ne il suo rispettivo rollover.

In miostile.css se scrivo

a.nav_home{
    width:39px;
    height:49px;
    display:block;
    background-image:url(img/theme/nav_home.png);
    float:left;

}

a.nav_home:hover {
    width:39px;
    height:50px;
    background-image:url(img/theme/nav_home.png);
    background-position:bottom;
    
}

 

non funziona nulla… mentre se tolgo i riferimenti del link funziona (nel senso che si vede il pulsante ma senza risultato rollover)

 

Da specificare che ho scritto correttamente il collegamento al css:

 

<link href="css/miostile.css" rel="stylesheet" type="text/css" />

 

Come mai c' è questo contrasto? Purtroppo a livello di sintassi se provo a scrivere nella maniera classica

 

.nav a:link al posto di a.nav non funziona proprio l' effetto…

Come posso risolvere? Essendo parte integrante del menu devo necessariamente esternarlo per non avere codice sparso in piu di 30pagine html...

 

grazie mille !!!!!

[pix]

se metti gli stili direttamente nell'html i percorsi ai file immagine sono relativi alla posizione del file html stesso.

Se invece metti tali istruzioni in un file css incluso, posizionato ad esempio nella cartella "css", i suddetti percorsi saranno relativi alla posizione del file css.

 

pertanto se nel primo caso è:

background-image:url(img/theme/nav_home.png);

 

nel secondo caso sarà:

background-image:url(../img/theme/nav_home.png);

 

 

ovviamente c'è sempre la possibilità di usare un url assoluto, ma è sconsigliabile per vari motivi.

Comunque sarebbe così:

background-image:url(/img/theme/nav_home.png);

[volponerosso]

Pix sei il numero UNO !!!! GRAZIE !!!!