JQuery Mobile content height:100%
===

I'm developing an application with JQuery Mobile.

[This][1] is my html code.

My page has an full-screen `<iframe>` inside. I have set the style `width:100%; height:100%; border:0%` for my `iframe` but it gives a height more than the content's height and scrollbar of main page appears.

How to avoid this problem? (I want exactly `height:100%` for my `iframe`)


  [1]: http://pastie.org/4297199