No puedo quitar el borde punteado de un link con imagen en IE8

[freesoftwarrior]

Buenos días:
Pues nada, eso mismo...... tengo este código:

Código:

<div id="botonesColumnas">
	<img src="imagenes/png/botonesColumnas.png" alt="" width="48" height="22" border="0" usemap="#botones">
	<map name="botones">
		<area alt="Siguiente categoría..." shape="circle" coords="34,11,8" href="consulta.asp?t=sum" target="categorias">
		<area alt="Anterior categoría..." shape="circle" coords="14,11,8" href="consulta.asp?t=res" target="categorias" style="outline:0;">
	</map>
</div>

El CSS del layer es simple:

Código:

#botonesColumnas {
	position: absolute;
 	top: 590px;
	left: 690px;
	z-index: 5;
}

He probado de todo:

Código:

a img{
border: 0px;
}

img{
border: 0px;
}

a {
	text-decoration: none;
	outline: 0px;
}

y hasta agregar outline en el CSS del layer y nada.
No importa si es

outline:0;
outline:0px;
outline:none;

igual no funciona con el IE. Con Chrome y FF normal.

Estoy usando el TopStyle 3 Pro y cuando ingreso outline me dice que no esta soportado en IE7 (se que ya hay la versión 4 pero no la tengo de momento)

Ojalá puedan darme una ayuda por favor.

Mil gracias