Problema con Divs y IE

Bueno estoy teniendo problema con internet explorer 8 que es el q tengo en mi maquina... les dejo la imagen para que vean:

Esta es la imagen de Internet explorer:
[contenido no disponible]

Esta es la imagen de Firefox:
[contenido no disponible]

Si se fijan entre la imagen del microfono y la imagen anaranjada en internet explorer se le agrega como un espacio o margen en blanco entre las 2 imagenes y en firefox se mira perfectamente como quiero dejarlo.

como le hago para que en internet explorer no me haga ese espacio o margen.

Ya probe con "display:inline" tambien con margin y nada , no lo puedo quitar ese margen.

Gracias de antemano.

Saludos

perdon por el doble post, pero no encontre el boton para editar el mensaje..

Se me olvidaba decir que la primera parte del microfono se encuentra en un div con float left ..

Saludos

yo empezaria por ponerle posicion relativa a la capa del fondo nagaranja y margin 0 0 0 en la hoja de css. de manera que la capa del fondo dependa de la posicion de la capa del micro.
Espero que te sirva de ayuda.