[Ovillo] Problemas con listas e imagenes de fondo

[Reynier Perez Mira]

Hola lista:
Estoy teniendo problemas al poner imágenes de fondo a elementos de una lista para luego poder hacer un RollOver. Este es el código HTML perteneciente a la lista:


<ul id="navegacion">
	<li class="auto"><a href="#resumen-auto">Link</a></li>
	<li class="teorico"><a href="#resumen-teorico">Link</a></li>
	<li class="tiro"><a href="#resumen-tiro">Link</a></li>
	<li class="quirurgico"><a href="#resumen-quirurgico">Link</a></li>
	<li class="juego"><a href="#resumen-juego">Link</a></li>
</ul>

Ahora el CSS para ponerle fondo a cada uno de los elementos es este:
#navegacion li { display: block; width: 80px; height: 80px; }
.auto a { background-image: url(../images/proyectos/auto_normal.png); background-repeat: no-repeat; }

Según tengo entendido si le pongo la propiedad display a block entonces el elemento se me adapta al tamaño de la imagen de fondo (80x80) o estoy equivocado?

Lo que pasa es que si me pone la imagen de fondo pero me la pone a ocupar el tamaño del ancla y no el tamaño real de la imagen como quiero que salga.

¿Qué es lo que estoy haciendo mal?

Salu2  y desde ya gracias por todo