crar links con imagenes de tamaño dinamico

[Rafael]

Básicamente si se puede, la primer parte no con css, sino en el código html:

<a href="#">
<img src="1.png" width="20" height="30" alt="" border="0">
Texto interior
<img src="3.png" width="20" height="30" alt="" border="0"></a>

y una segunda parte en tu hoja de estilos:

a {background-image: url(2.png);}

El problema que vas a tener es que no puedes controlar mucho la posición del texto. Si el texto, por el tamaño del botón, está cargado hacia abajo, no puedes subirlo con padding-bottom, ya que también afectarás a las 2 imagenes de los lados.

Tendrías que meterle además un <span> al texto Interior </span>, quizá lo tendrás que convertir a bloque, asignarle margenes, flotarlo a la izquierda para que no se rompa el botón... y muchas cosas...

¿De plano son muuuuchos botones los que necesitas?

Otra opción es dejar los bordes fuera del link, para que fácilmente controles la posición del texto. En ese caso la zona sensible estará reducida al centro.