Centrer verticalement un span dans un bloc

Bonjour,

Je me décide finalement à poster car je cherche depuis des heures.

J'ai fait un menu horizontal. Chaque lien est un block composé d'une image et d'un texte, que je voudrais centrer horizontalement et verticalement en bas.

Voici mon code CSS :

#menu{
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 247px;
	vertical-align: bottom;
}

#menu ul{
	margin: 0;
	padding: 0;
	width: 900px;
	height: 247px;
}

#menu ul li{
	margin: 0;
	padding: 0;
	display:inline;
	list-style: none;
}

#menu ul li a{
	display: block;
	height: 247px;
	width: 225px;
	float: left;
	text-align: center;
}

#menu ul li a span{
	vertical-align: bottom;
}

Un lien se présente sous la forme :

<li class="item">
<a href="/index.php/fr/">
<span>Maison</span>
</a>
</li

J'ai cherché sur le net, j'ai essayé avec les quelques propositions que j'ai trouvé sur Alsactreations et autres forum, mais je ne trouve pas... Quelqu'un aurait-il la solution magique ?

salut,

comme ça vite fait à l'arrache, en essayant d'appliquer au span un display:block et en jouant ensuite avec des propriétés comme width, margin ?
pourquoi un span d'ailleurs ?
Modifié par o06 (04 Jan 2012 - 10:22)

o06 a écrit :
salut,
pourquoi un span d'ailleurs ?

Et pourquoi pas ?
Ou plus sérieusement, tu verrais une autre balise ?

en fait c'est qu'à la vue du code fournit, je ne vois pas l'intérêt du span. bon en même temps c'est le début d'année, j'suis pas encore bien opérationnel ...

Sans le span, je ne peux pas modifier le texte, sa taille, ou sa position dans le lien, vu que ma balise a est un bloc.
Merci pour ta soluce block + margin, ça marche !