overflow: hidden y fondo transparente no me funciona con IE y sí con FF. alternativa?

[ldp]

He creado un archivo html que va incrustado (incrustado.html) en otro archivo html (principal.html). El archivo principal tiene un css (principal.css). Quiero que el archivo incrustado aparezca sin barras de desplazamiento en cualquier navegador, pero me interesa sobre todo IE y FF.

En el principal.css tengo:

Código HTML:

.fijarincrustado {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 250px;
width: 140px;
overflow: hidden;
}

Y en FF se ve perfecto, sin barras ni bordes ni nada, totalmente transparente. Sin embargo, en IE me sale con las barras de desplazamiento y un horrendo fondo blanco. Cómo puedo hacer para que al menos no me salgan las barras?

[Mikmoro]

Pues mira, según comentaba bokkmaster en este hilo, debería funcionar simplemente con un scrolling="no" de esta manera:


<iframe name="NombreIframe2" src="http://www.forosdelweb.com" style="width:350px; height:300px; float:left;" scrolling="no"></iframe>

Su ejemplo está en esta dirección.

Mikel.

[ldp]

Joder! Muchísimas gracias! Era ya 3 días que andaba dándole vueltas a la cosa sin conseguirlo. Ahora se ve perfecto en IE7 y FF. Pero no sabes lo que me ha costado que se viera bien en los dos. Seguramente tendré errores de código. Ahora comprobaré cómo se ve en los demás navegadores. Aquí te pongo lo que he tenido que añadir. Seguramente parte del código está duplicado, pero ha sido la única manera de que saliera bien en los dos:

En incrustado.html:

Código HTML:

body {background-color:transparent; border:0}

En principal.css:

Código PHP:

  .fijarincrustado {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 110px;
width: 110px;
background: transparent;
border: 0;
} 
   

Y en principal. html:

Código HTML:

<iframe name='NombreIframe' src='incrustado.html' allowTransparency='true' style='width:110px; height:110px;' scrolling='no' class='fijarincrustado'></iframe>