title: FireFox overflow bug#550882: (overflow:hidden) to (overflow:visible) with script = no scrollbars
body: <p>I ran into a problem recently and found out that this is a bona-fide bug in FireFox 3.6.x.</p>
  
  <p>If you set up your page's initial CSS overflow property on the body tag to be <code>hidden</code>, then change the style value via a script (like javascript) to <code>visible</code> FireFox does NOT render the scrollbars on screen. You can still move the window using keyboard, but there are no visible scrollbars at all. Neither refreshing nor resizing the page will get them to render. </p>
  
  <p>So, I have to set the initial value CSS definition to <code>visible||auto</code> and THEN change the value to hidden||visible as needed. It caused me a few extra lines of code for other purposes as well, so I know this is not the optimal solution.</p>
  
  <p>Has anyone else out there run into this bug?<br />If so, how did you work around it?<br /><br />
  I want to be able to have an elegant solution that works in as many as browsers as possible.</p>
  
  <p>Here is the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=550882" rel="nofollow noreferrer">link to the bug report</a>. It says it is fixed but I am still running into it.</p>