Why does Firefox put a horizontal scrollbar on my div?

css, firefox, html, linux

Solution

There shouldn't be scroll bars for overflow:auto unless the content is actually going beyond the edges of the containing element. This is a bug in Linux versions of Firefox. See the following bug report.

Problem

I've got a very simple test case: ``` <html> <body> <div style="border:2px solid black; overflow: auto;"> x </div> </body> </html> ``` When I render it, I get a horizontal scrollbar! I had been using FF 3.0.3 for Linux, and thought it might be a browser bug, so I upgraded to FF 3.5b4 (the latest release candidate). Still happens. Is this supposed to happen? Should I file a bug report? Does anyone know of a workaround (edit: one that allows me to continue using overflow:auto)?

Original source