CSS + FireFox: hiding scrollbar on iframe with scrolling=yes

Question

I have an iframe with scrolling=yes. Is it possible to fully hide scrollbar using CSS for the Mozilla FireFox browser?

For instance, on the Internet Explorer I'm using this: Overflow-x: hidden; Overflow-y: hidden; - and it hides scrollbars, but FireFox ignores this CSS.

Here is screenshot from IE:

Here is screenshot from FireFox:

I forgot to mention that I put CSS, to say exactly like this <style>body { overflow:hidden; }</style> inside the iframe. I can't put class to iframe itself like <iframe class="...">

Iframe is put inside the <DIV>...</DIV>. I use it like a modal window.

Answer 1

Have you tried setting explicit values for width/height on either the iframe or parent container? Also, does your iFrame contain anything?

EDIT: Try:

div {overflow:hidden;}
div iframe {border:0;overflow:hidden;}

in your actual page that contains the div.

Answer 2

DEMO: http://jsbin.com/ewomi3/15

iframe { overflow:hidden; }

Assuming you have something like this:

<iframe src="#" width=100% height=100% marginwidth=0 marginheight=0 frameborder=0 scrolling=yes></iframe>