Iframe, full screen css - why the scrollbar

Question

I want to make on iframe full screen. Here is the code:

http://jsbin.com/ibopes/1/edit

and here is the demo:

http://jsbin.com/ibopes

Why the scrollbar? For some reason I can't use position: absolute for the iframe, and I don't want overflow: hidden on body.

How to hide the scrollbar, and why is it there?

Answer 1

Specify display: block on your iFrame. jsBin normalizes the CSS for you:

#test {  
    width: 100%;
    height: 100%;
    min-height: 100%;
    border: none;
    background: #ff0000;
    display: block;
}

See the working demo here > http://jsbin.com/ibopes/5