I am developing a site and I noticed a strange gray thing appearing on my screen. It only comes up in Firefox 3.6 for Mac, and not in any other browser I tested (IE on Windows, Firefox on Windows, Safari on Mac, Chrome on both Mac and Windows). After some investigation, I discovered that it comes up if I have an element with the "overflow" CSS property set to "auto", with certain markup inside.
It is hard to explain in words but you can see an example of it on the right side of this screenshot.
Here is the code I used for that example:
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS test</title>
</head>
<body>
<div style="overflow: auto">
<div>
<input type="submit" name="submit" value="test">
</div>
</div>
</body></html>
Does anyone here have any idea what to do about this, besides not use this CSS property?