Problema capa con fondo transparente y iframe

[eres]

Hola,

estoy haciendo una web que tiene varias capas translucidas es decir tiene como fondo de imagen un png con un pixel con transparencial, la idea es que aga un efecto traslucido por encima del fondo, esto lo hago simplemente incluyendo el fondo a la capa:

Código:

background-image: url(images/trans.png);

el problema lo encuentro al incluir un iframe del google maps, qu hace que se me vean mal las transparencias! Solo me pasa con internet explorer (he provado en 7 y 8, y ya se que en 6 y inferiores se me vera mal la trasparencia)

el iframe es el siguiente:

Código:

<iframe width="345" height="345" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=Avinguda+Navarra,+1,+25006+L%C3%A9rida&amp;aq=&amp;sll=42.147114,-2.900391&amp;sspn=9.23401,21.643066&amp;vpsrc=6&amp;ie=UTF8&amp;hq=&amp;hnear=Avinguda+de+Navarra,+1,+25006+L%C3%A9rida,+Catalu%C3%B1a&amp;ll=41.626655,0.606329&amp;spn=0.004547,0.010568&amp;t=m&amp;z=14&amp;output=embed"></iframe>

si queréis echar un vistazo la web es la siguiente:

http://www.4floor.es/genial/

y el apartado donde me surge el problema:

http://www.4floor.es/genial/contacta.html

Gracias por la ayuda!