problema con <a> y imagen en IE

[michelson]

hola estoy haciendo un menu con rollover en css y me anda todo bien en firefox o safari.. pero adivinen en que navegador tengo problemas... IE

aqui esta el problema
http://www.aconcagua.animalita.cl/em....php?s=empresa

por favor revisen en explorer y firefox para que lo vean.

mi codigo para un boton en css es el siguiente

Código HTML:

a#btn_empresa{
	background-image: url(../images/imagenes_menu-empresa/botones/btn_empresa.jpg);
	background-position: left top;
	text-indent: -999em;
	display: block;
	height: 7px;
	width: 79px;	
}
a#btn_empresa:hover{
	background-image: url(../images/imagenes_menu-empresa/botones/btn_empresa.jpg);
	background-position: 0px -10px;
	text-indent: -9em;
	display: block;
	height: 9px;
	width: 79px;
	
}

estoy utilizando un metodo que utiliza una foto doble como es esta


y el css lo que hace es subir y bajar la imagen para el rollover. pero en explorer me muestra la las dos partes de la imagen y en firefox me la muestra bien


ojala puedan ayudarme que esto es de vida o muestre

[michelson]

fe de erratas en el codigo

Código HTML:

a#btn_empresa{
	background-image: url(../images/imagenes_menu-empresa/botones/btn_empresa.jpg);
	background-position: left top;
	text-indent: -9em;
	display: block;
	height: 9px;
	width: 79px;	
}
a#btn_empresa:hover{
	background-image: url(../images/imagenes_menu-empresa/botones/btn_empresa.jpg);
	background-position: 0px -10px;
	text-indent: -9em;
	display: block;
	height: 9px;
	width: 79px;
	
}