title: Webkit: Hide vertical scrollbar. Works in Chrome & Safari not in Firefox
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/5820304/hidden-scrollbars-in-firefox-allows-scrolling-but-just-no-scrollbar">Hidden scrollbars in Firefox (allows scrolling but just no scrollbar)</a>  </p>
  </blockquote>
  
  
  
  <p>This works fine in Chrome and Safari:</p>
  
  <pre><code>iframe::-webkit-scrollbar
  {  
      display: none;
  }
  </code></pre>
  
  <p>But the vertical scrollbar does not hide in Firefox.</p>
  
  <p>I cannot change the iframe code so needs to be purely in CSS. </p>
  
  <p><strong>UPDATE:</strong> I added the following along with the above to solve the problem. Both blocks are required:</p>
  
  <pre><code>iframe
  {  
      overflow: hidden;
  }
  </code></pre>
  
  <p>However, this approach will likely constrain my ability to granularly control x or y scrollbars elsewhere. </p>
  
  <p>Oh, well.</p>