Fondo mal en IE

[emprear]

El IE no tiene nada que ver en esto
un poco raro lo que intentás hacer, si queres usar una imagen como contenido del link, por que sencillamente no hacer esto
<div class="pie">
<a href="#"><img src="icono.png"></a>
</div>
e integrar el icono con el fondo (que al parecer es un simple recuadro), en una sola imagen.
Si tu link no tiene texto alguno, para que entonces está todo esto
.pie a:link, .pie a:visited, .pie a:hover, .pie a:active {
text-decoration: none;
font-size: 8pt;
font-family: Arial;
color:#6E6E6E;
}
Si preferis hacerlo con css, algo así quedaría como lo que querés

Código HTML:

<div>
<a href="#" style="border: solid 1px #666;display: block; width:22px; height: 21px; border-radius: 3px;outline: none;">
<img src="a.jpg" alt="" style="margin: 2px 3px; width: 16px; height: 16px; border: none;" /></a>
</div>
 

podes eliminar el borde del <a> y ponerle el background


Saludos