title: Hide Scrollbar for iFrame in HTML5 on Firefox without editing the SRC
body: <p>I've read all the similar questions about hiding a vertical scrollbar.</p>
  
  <p>It seems to be a recurring issue that the tricks below work in IE and Chrome, but not Firefox.</p>
  
  <p>For example:</p>
  
  <ul>
  <li><p><code>overflow:hidden</code> on the iframe hasn't worked.</p></li>
  <li><p>adding a <code>div</code> with <code>overflow:hidden</code> around the iframe hasn't
  worked.</p></li>
  <li><p>using the <code>seamless</code> html5 class for the iframe hasn't worked.</p></li>
  <li><p><code>scrolling="yes"</code> with <code>overflow:hidden</code> hasn't worked.</p></li>
  <li><p><code>scrolling="no"</code> with the <code>overflow:hidden</code> (and without) hasn't
  worked.</p></li>
  <li><p><code>iframe::-moz-scrollbar {display:none;}</code> hasn't worked.</p></li>
  <li><p>...</p></li>
  </ul>
  
  <p>Are there any working HTML/CSS tags for Firefox?
  Do I have to switch to JS?</p>
  
  <p>NOTE: I cannot edit the SRC file. I'm building my page in Twitter Bootstrap 2.0.3.</p>
  
  <p>Here is the primary html for the SRC:</p>
  
  <p>
  <code>
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html id="ctl00_Html1" lang="en-us" dir="ltr" __expr-val-dir="ltr" xmlns:o="urn:schemas-microsoft-com:office:office"&gt;
  &lt;head id="ctl00_Head1"&gt;
  &lt;body class="v4master" onload="if (typeof(_spBodyOnLoadWrapper) != 'undefined') _spBodyOnLoadWrapper();" scroll="no"&gt;
  &lt;/html&gt;
  </code></p>
  
  <p>Thanks for your help!
  Adam</p>
  
  <hr>
  
  <p>Like @hobberwickey said...</p>
  
  <p>I cannot hide the scrollbar because the contents of the page which I cannot edit are overflowing.</p>
  
  <p>If there is a way to change this... all ears. :)</p>