PDF in an Iframe

HTML

<header>
    <h1>iframe PDF header</h1>
 </header>
<!--<div class="iframe">
   <iframe src="http://dev.ljd.dk/vertic/alinea-pdfviewer/deadlydelivery.pdf">
        <a href="http://dev.ljd.dk/vertic/alinea-pdfviewer/deadlydelivery.pdf">Link to PDF (fallback)</a>
    </iframe>
    ad<br>
    ad<br>
        ad<br>    ad<br>v
        ad<br>
    v    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>    ad<br>
</div>-->
  <div style="width:100%;height:100%;overflow: scroll;-webkit-overflow-scrolling:touch;">
       <webview src="http://news.google.com/" width="640" height="480"></webview>
    </div>
<footer>
  <p>Powered by: iframe</p>
</footer>

CSS

body {
    font-family:Arial, Helvetica, Verdana, sans-serif;
    color:#333;
    background:#ddd;
    line-height:1.5em;
}
/*
.iframe {
    height:400px;
    width:100%;    overflow:auto !important;
    -webkit-overflow-scrolling: touch;
}
.iframe iframe {
    height:100%;
    width:100%;overflow:scroll !important;
    -webkit-overflow-scrolling: touch;  
}*/
.fancybox-inner {
    -webkit-overflow-scrolling: touch !important;
    overflow: scroll !important;
  }