title: Displaying two iFrames side by side
body: <p>I want to display two versions of a web page side by side using iFrames but i'm having some troubles with size and position attributes. (The left one seems to be displayed with a small height even though I set it to 100)</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Split&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
       &lt;iframe src="link_v1" frameborder="0" scrolling="yes"                           
                                      style="overflow: hidden; height: 100%; 
                                                  width: 49%; float: left; " height="100%" width="49%"
                                     align="left"&gt;
                                    &lt;/iframe&gt;  
  
       &lt;iframe src="link_v2" frameborder="0" scrolling="yes"  
                                          style="overflow: hidden; height: 100%;
                                          position: absolute;
                                          width: 49%; " height="100%" width="49%"                                 
                                           align="right"&gt;
                                          &lt;/iframe&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>