Imagen dentro de un tab

[Paquillo]

Hola. Tengo una imagen con 100px de altura dentro de un tab que tiene 50px de alto. ¿Como hago para que el tab no se deforme? Hasta el momento, las pestañas del tab se deforman en altura y "cubren la imagen". Mi intención es que la imagen quede por encima de la pestaña. Les muestro el código:

<li class="disabled" style="z-index: 1;">
<a href="#">
<em>
MAGO
<span style="z-index: 2;">
<img src="estrellas.png"/>
</span>
</em>
</a>
</li>

La imagen estrellas.png tiene 100px y el li tiene 50px. He probado a utilizar z-index pero nada. Alguna idea? Les dejo una imagen:

[Mikmoro]

Quizá lo más sencillo sería poner la imagen como fondo en lugar de incrustarla. Si no, podrías probar poniéndole overflow: hidden a la clase disabled.

Mikel.

[Paquillo]

Si pongo la imagen de fondo ocurre lo mismo. La opción de overflow:hidden tampoco es viable, desaparece la imagen y el tab se deforma. De cualquier manera, gracias por la ayuda. Un saludo