XHTML e testo/immagine

[Kevin]

Ciao,
guardando il sito csszengarden ho notato che con i css riescono a "sostituire" il testo con delle immagini, io ho provato funziona ma utilizzando come loro il tag <h5></h5> le immagini vanno tutte su una nuova riga come posso fare?

La pagina che ho preso come esempio è : csszengarden
invece questo è il codice che ho usato:
HTML

<div id="footer">
		<div id="menufooter">
	  <h5 id="azienda"><span>AZIENDA</span></h5>
	  <h5 id="servizi"><span>SERVIZI</span></h5>
	  <h5 id="strumenti"><span>STRUMENTI</span></h5>
	  <h5 id="soluzioni"><span>SOLUZIONI</span></h5>
	  <h5 id="portfolio"><span>PORTFOLIO</span></h5>
	  <h5 id="contattaci"><span>CONTATTACI</span></h5>
	  </div>
</div>

CSS

#menufooter {
	width: 100%;
	height: 28px;
	background-image: url(img/sf-footer-menu.gif);
	display: block;
}

#menufooter #azienda {
	background: url(img/b1.gif) no-repeat;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 67px;
	height: 28px;
}

#menufooter #servizi {
	background: url(img/b2.gif) no-repeat;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 67px;
	height: 28px;
}

#menufooter span {
	display: none;
}

grassie

[Kevin]

ho risolto così:
#menufooter #azienda {
background: url(img/b1.gif) no-repeat top left;
margin: 0px;
float: left;
width: 67px;
height: 28px;
}
#menufooter #servizi {
background: transparent url(img/b2.gif) no-repeat top left;
margin: 0px;
float: left;
width: 64px;
height: 28px;
}
ora però come faccio a centrare tutte le immagini?

[Kevin]

il codice così il W3C non me lo convalida ....
<h5 id="azienda"><span>AZIENDA</span></h5>

togliendo il link invece è tutto ok, ora chiedo, come faccio a sostituire un'immagine ad un testo mantenendo il link?

[WarriorXP]

Al posto di & metti

& amp;

senza lasciare lo spazio dopo la & e poi leva lo span che non serve a nulla.
Magari metti anche h5 prima del collegamento.