foo
bar
baz

Above this, you should see “foo, bar, baz.”

However, in Firefox for Windows (currently version 1.0.6), some or all of the previous content disappears unless one of the following occurs:

  1. You resize the window, or
  2. Your browser window is small enough to have a scrollbar on the initial page load. (This documentation is intentionally brief to avoid this.)

As far as I can tell, the each div with overflow:hidden; assumes its initial height is zero, so when the content loads, it overflows the allowed height and is hidden. Setting an explicit height on the div (other than “auto” or a percentage value) will fix the problem.

I have stripped down the HTML/CSS as much as possible for the Mozilla developers who care to fix this rendering error. Thanks in advance.