title: Overflow-y on iFrame not showing Scrollbar
body: <p>I'm using an iFrame on the following website for the online booking as shown below:</p>
  
  <p><a href="http://www.marandy.com/one2onev2" rel="nofollow">http://www.marandy.com/one2onev2</a></p>
  
  <p>In Chrome or IE the scroll bar on the y-axis shows as expected, but in Chrome this doesn't seem to show.</p>
  
  <p>Here is the code:</p>
  
  <p>HTML</p>
  
  <pre><code>        &lt;div id="main-online-booking"&gt;
  
              &lt;iframe id="main-online-frame" class="booking-dimensions" src="http://www.marandy.com/one2oneob/login-guest.php" scrolling="no" frameborder="0"&gt;&lt;/iframe&gt;
  
              &lt;div id="main-online-user"&gt;
  
                  &lt;a href="#" onclick="changesrc('main-online-frame','http://www.marandy.com/one2oneob/login.php')"&gt;&lt;img alt="One 2 One Account" id="img-onlinebooking-acc" src="images/account.png" /&gt;&lt;/a&gt;
  
                  &lt;a href="#" onclick="changesrc('main-online-frame','http://www.marandy.com/one2oneob/login-guest.php')"&gt;&lt;img alt="One 2 One Guest" id="img-onlinebooking-guest" src="images/guest.png" /&gt;&lt;/a&gt;
  
              &lt;/div&gt;
  
          &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#main-online-booking {
  
  height: 488px;
  border-bottom: 6px #939393 solid;
  border-left: 6px #939393 solid;
  border-right: 6px #939393 solid;
  z-index: 4;
  background-color: #fff;
  }
  
  #main-online-frame {
  overflow-x: hidden;
  overflow-y: scroll;
  frameBorder: 0;
  height: 488px;
  }
  </code></pre>
  
  <p>Any ideas why this is not working or how I can get this to work as it does in Firefox/IE?</p>
  
  <p>Any help would be much appreciated! :-)</p>