Nascondere Contenuto Paragrafo con una Immagine

[wave00]

Salve ragazzi il mio problema di oggi è il seguente:
Immaginate di avere un menu classico fatto così ([*]Home); io al posto della classica scritta Home voglio inserire una immagine nascondendo di fatto Home.
Ho visto in molti siti la procedura solo che nel mio non vuole proprio funzionare.
La procedura in teoria sarebbe questa:
HTML:

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

CSS:

#menu ul li a:hover {
	background-position : 0 -XXpx;
} 
#cabecera ul li a span {
	display :none;
}
#cabecera #home {
	margin-top : XXpx;
	margin-left : YYpx;
	width : ZZpx;
	height : TTpx;
	background-image : url(path_foto);
}

Se io provo a farlo sul mio sitarello, tutto ciò non funziona. Ho provato di tutto aiutatemi!!! :master:

Confido nelle vostre Potenzialità!!!

[Al_katraz984]

Ma cos'è cabecera???

scrivi menu al posto di cabecera..

[wave00]

dove c'è scritto cabacera dovrebbe esserci scritto menu, ho dimenticato a rinominarlo

[Al_katraz984]

dovrebbe funzionare

[wave00]

lo so ma non funziona!!! se vuoi vedere i miei codici vai su Torre Macauda

[Kiantis]

E se invece di display:none, oppure anche aggiungendolo, mettessi
content: '';
che succede?

Anzi, con content si puo anche usare direttamente su a senza neanche aver bisogno dello span... sempre se funge.

[wave00]

non ho capito!!! spiega bene

[Kiantis]

display:none; --> content: '';

[Mich_]

Non e` l'uso corretto dell'attributo content. E l'attributo stesso non e` riconosciuto da IE6 (vedi ad esempio: http://www.w3schools.com/css/css_ref...neratedcontent )

In linea di massima, non e` il caso di usare display: none (non "piace" a google).
Conviene usare:
margin: -100em; /* o qualcosa del genere */

Ma se ilproblema e` che vedi comunque la scritta, vuol dir eche il CSS non viene interpretato (non in quel punto, per lo meno): prova a passare la pagina dal validatore HTML e dal validatore CSS.

[wave00]

Non va assolutamente bene, per poter mettere una immagine ho dovuto fare così:
file html:

<span class="cosa_offro">cosa offriamo</span>[img]img/cosa_offro.gif[/img]</p>

file css:

.cosa_offro{display:none}

però la cosa non mi piace assolutamente, non posso mica mettermi ogni volta a mettere i file nel documenti hmtl, altrimenti la bellezza dei css dove sta? inoltre non potrei fare nulla sull'img (penso).
La cosa che cmq sto odiando maggiormente è il fatto di non poter vedere bene tutto, io ho un notebook con risoluzione 1280x800 ed il sito invece dovevo ottimizzarlo per 1024x768 solo che se mi metto nella home va tutto ok, però appena mi sposto su info o contatti si vede una barra bianca sotto la riga arancione e, la cosa non mi piace.


AIUTO!!!!!

:master: