Sfondo ad elemento <a>

[98edoardo]

Ciao a tutti nella mia barra di navigazione

<div id="nav">
	<ul>
		[*]
		[*]
		[*]
		[*]
		[*]
		[*]
		[*]
	[/list]
</div>

devo mettere un'immagine di sfondo che faccia da link ad ogni tag <a>

il codice css è questo

#nav { text-align: center; }
#nav ul li a.home { height: 51px; width: 162px; background: url("/images/nav/home.png"); background-repeat: no-repeat; background-position: -10px -10px; }

purtroppo non ho capito perché l'immagine non viene applicata

[webbeloz]

questo è giusto?

url("/images/nav/home.png")

[98edoardo]

si, perché l'ho applicato prima per provare sull'elemento[*] e funziona

[webbeloz]

ok,
mostra come lo hai usato su[*]

[98edoardo]

#nav ul li { height: 51px; width: 162px; background: url("/images/nav/home.png"); background-repeat: no-repeat; background-position: -10px -10px; }

[webbeloz]

xchè usi la classe .home? nel css..
nn mi pare di vedere class="home" nel tuo codice sopra...

togli la classe "home"
e usa il CSS così:

{background-image:url('/images/nav/home.png');}

[98edoardo]

la classe .home è nel primo link

[*]

[webbeloz]

mi correggo, c'è la classe...
togli l'altra, e lascia solo "home"
controlla anche la posizione del background

[98edoardo]

ok

EDIT: non cambia niente il background non si vede

[webbeloz]

definisci meglio il tutto in questo modo:

Home/definisci

background-image:url(definisci come detto sopra);
    display:block;
    height:50px;
    text-indent:-9999px;
    width:200px;

classe o ID, questo funziona...
fai qualche test, magari togli la posizione del background, e implementa il no-repeat tutto nella riga del bacground...