title: IFrame scrollbar issue in IE7
body: <p>I am working with an IFrame and I can't seem to figure out a way to disable only the horizontal scrollbar in IE7. I need the vertical scrollbar but I want to completely disable the horizonal bar. </p>
  
  <p>Check out the IFrame setup here: <a href="http://designvillain.com/quittance" rel="nofollow noreferrer">Iframe Example</a></p>
  
  <p>I have disabled horizonal scrolling in the other browsers using: </p>
  
  <pre><code>overflow-x: hidden;
  overflow-y: scroll; 
  </code></pre>
  
  <p>But this doesn't seem to work in IE7. Any ideas?</p>
  
  <p><strong>EDIT:</strong> I put the horizonalscrolling line in the Iframe tag thus:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
        var GB_ANIMATION = true;
        $(document).ready(function(){
          $("a.greybox").click(function(){
            var t = this.title || $(this).text() || this.href;
            horizontalscrolling = "no";
            GB_show(t,this.href,560,800);
            return false;
  
          });
        });
      &lt;/script&gt;
  </code></pre>
  
  <p>I also disabled scrolling on the body element in the outerpage:</p>
  
  <pre><code>html {
  overflow-x: hidden;
  }
  </code></pre>
  
  <p>Neither of these solutions have solved the problem.</p>