Proprietà Background, Firefox SI IE NO !

[IvanWeb]

Salve a tutti,

sono ore che perdo la testa per risolvere questo problema e non riesco; a questo punto ho deciso di chiedere aiuto a voi.

In una pagina web ho una lista, per ogni voce della lista vi è un pulsante

background:url(img/clickoff.jpg) no-repeat;

Il problema è Internet Explorer.
In tutti i browser riesco a vedere questi pulsanti e all'interno il link di riferimento, TUTTI eccetto Internet Explorer.

Il codice utilizzato nei CSS è questo

#menu li a:link, #menu li a:visited { 
color:#000; 
display:block; 	
background:url(img/clickoff.jpg) no-repeat; 	
background-repeat:no-repeat; 	padding: 20px 0 10px 10px;
 } 
 #menu li a:hover { 	color: #666666; 
background:url(img/clickon.jpg) no-repeat; 	
background-repeat:no-repeat; 	
padding: 20px 0 10px 10px; 
} 	
 #menu li a:active { 	
color: #666666; 	
background: url(img/clickon.jpg) no-repeat; 	
background-repeat:no-repeat; 	
padding: 20px 0 10px 10px; 	
}

Il codice utilizzato nel file html invece è questo:

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

Potreste aiutarmi a risolvere il problema.
Vi ringrazio anticipatamente.

[M0707]

intanto inizia a togliere la doppia ripetizione:
background-repeat: no-repeat (ti basta già questo --> url(img/clickon.jpg) no-repeat)
Al posto di background, prova ad usare background-image
ciao

[IvanWeb]

Originariamente inviato da M0707
intanto inizia a togliere la doppia ripetizione:
background-repeat: no-repeat (ti basta già questo --> url(img/clickon.jpg) no-repeat)
Al posto di background, prova ad usare background-image
ciao

allora ho eliminato la ripetizione, ma se inserisco "background-image" non riesce a visualizzare l'immagine neanche Firefox

[IvanWeb]

Ho notato che tutto dipende da

display: block

Se elimino quello oppure modifico con "inline", non visualizza l'immagine nemmeno con FireFox

[IvanWeb]

RISOLTO!

grazie lo stesso

[gigigi]

ciao
ho lo stesso problema... come hai risolto?!

a me non mostra lo sfondo della pagina
body { background:url('bg_pag.jpg')top center no-repeat #e0e8aa; }

e il bg di alcuni menu
#departments-box li { background:url('prod_bg.gif')left repeat-y; }

aiuto!!

[gigigi]

risolto anche io....

...semplicemente riscrivendo così:

body { background: #e0e8aa url('bg_pag.jpg') no-repeat top center;}


#departments-box li { background: url('prod_bg.gif') repeat-y left; }


non chiedetemi come mai.... ma ora funziona!

[Mich_]

Originariamente inviato da gigigi
non chiedetemi come mai.... ma ora funziona!

Prima c'erano errori di sintassi, ora (quasi) risolti.

Vedi qualsiasi manuale CSS (ad esempio: http://www.w3schools.com/css/pr_background.asp ):

The background shorthand property sets all the background properties in one declaration.

The properties that can be set, are (in order): background-color, background-image, background-repeat, background-attachment, and background-position.

E prima mancava anche uno spazio (prima del "left").

Adesso ci sono solo gli apici all'interno della parentesi dell'image che non fanno parte della sintassi coretta (ma i browser in genere interpretano lo stesso).