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:

alt text http://moismski.com/ie.png

Here is screenshot from FireFox:

alt text http://moismski.com/firefox.png

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.