I ran into a problem recently and found out that this is a bona-fide bug in FireFox 3.6.x.
What happens is this: If you set up your page's initial CSS overflow property on the body tag to be: hidden, THEN you change the style value via a script (like javascript) to:visible.... FireFox does NOT render the scrollbars on screen. You can still move the window using keyboard, but there are no visible scrollbars at all. AND neither refreshing nor resizing the page will get them to render. They just never show up....
So, I have to set the initial value CSS definition to:visible||auto 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. That is why I am posting this question.
Has anyone else out there run into this bug?
If so, how did you work around it?
I want to be able to have an elegant solution that works in IE 7/8/x, FireFox 3.6.x, Safari 4.x, Flock, Opera... as many as I can get it to work in without a ridiculous amount of code.
So, unless you have a CROSS-BROWSER solution that you have tested, please don't respond to this question.
For those who are interested, here is the link to the bug report. It says it is fixed... but I am still running into it, so I am not sure what they mean by fixed: