Porqué IE no puede tener un SPAN como link?

Código :

.botonAzul {
   width:55px;
   height:18px;
   background:url(../imagenes/botonAzul.gif) no-repeat;
   float:right;
   font:11px/18px Arial;
   color:#FFF;
}

Código :

<a href="#"><span class="botonAzul">A&ntilde;adir</span></a>

Esto no funciona en IE, como lo hago?

mira éste ejemplo a ver si te sirve: aquí
lo probé en Firefox, IE y Opera

aquí te pongo el código:

CSS:

Código :

.boldNegro{
font-weight:bold;
font-style:normal;
color:#000000;
}
.boldRojo{
font-weight:bold;
font-style:normal;
color:#FF0000;
}
#firma a{
   color:#000000;
   text-decoration:none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style:normal;
   font-weight:bold;
}

#firma a:hover{
   color:#222222;
   text-decoration:underline;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style:normal;
}

html:

Código :

<div id="firma" align="center">Copyright &copy; 2005 - All rights reserved. | Designed &amp; Powered by <a href="http://www.la100rra.com.mx" target="_blank"><span class="boldNegro">LA</span><span class="boldRojo">100</span><span class="boldNegro">RRA</span></a></div>

Realmente mi codigo funciona pero por algún motivo, el background o lo que sea IE no muestra la manita, aunque el enlace existe y funciona, lo resolvi con:

Código :

a {cursor:pointer;}

espero que no sea demasiada chapuzilla

y porqué quieres (o necesitas) hacer algo así?
no sería más fácil asignarle el class al enlace?

Creo que es porque quiere hacer algo similar a lazorra.

Es porque tengo un boton pero quiero colocar el texto que yo quiero encima, es decir, el .gif no lleva el texto impreso así que podre cambiar esto. Entonces es un span con un background y todo esto dentro de un enlace para que haga el efecto de boton. En FF perfecto pero en IE tenia este problema
Gracias a todos