Colocar imagens na barra de menu

Boas,

Estou a criar um site baseado em WP onde necessito de substituir o texto na barra do menu por imagens.
Já fiz algumas experiências mas apenas consigo colocar uma imagem na barra do menu, que se repete por cada item da barra.
Existe alguma forma de especificar imagens individuais para cada item do menu?

Neste momento o menu aparece como podem ver nesta imagem:
http://teste.nubartek.com/header_actual.jpg
mas eu necessitava que aparecesse assim:
http://teste.nubartek.com/header_example.jpg

O código que estou a utilizar no CSS é o seguinte:

/* =Menu
-------------------------------------------------------------- */

#access {
	background: url(http://www.simplesmentemaria.net/images/menu_pt/barra.jpg) left;
	display: block;
	color: #aaa;
	float: left;
	margin: 0 auto;
	width: 940px;
	line-height: 50px;
}
#access .menu-header,
div.menu {
	font-size: 10px;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	width: 112px;
	color: #aaa;
	display: block;
	line-height: 97px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul li {
	background-image: url(http://www.simplesmentemaria.net/images/menu_pt/inicio.jpg);
	width: 112px;
	line-height: 97px;

Se alguém me conseguir ajudar, agradeço imenso.