Menu con imágenes de dos tipos

[aggi8]

Hola a todos, como andan?

Quería debatir que tipo de menu con imágenes es mejor pensando en la optimización del código.

1- voy a poner como ejemplo el menu que encontré en el sitio de Matt Mullenweg (creador de wordpress), donde en el menu mediante un text-indent corre el texto.

Código:

.menu {
	background: transparent url(layout/menu.png) repeat scroll 0 0;
	height: 85px;
	left: 529px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 449px;
	width: 482px;
}

.menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

.menu li,.menu a {
	height: 85px;
	display: block;
	border: 0;
	text-indent: -9999px;
}

#btn_home {
	left: 0;
	width: 110px;
}

2-Mediante la utilización del span, para mandar el span para arriba con un position absolute, que pude ver en varios sitios. Sin ir más lejos creo que es lo que utilizan en el logo de forosdelweb.

Código:

<li class="nav_press"><a href="/briefing_room/" class="nav_item"><span>The Briefing Room</span></a>

Saludos a todos!
Aggi