Users Cannot Vertically Scroll in Safari, OmniWeb, Konqueror and WebKit Browsers

These browsers will lose the ability to use the vertical scroll bars under certain css/html situations. This code will render well in all other browsers. This is a documented bug confirmed by the webkit team.

When we redesigned Tech-Recipes, many Apple and Linux users reported that they were not able to vertically scroll on the site. Despite Google searching, I could not figure out why this was so. I finally consulted the WebKit IRC which helped me figure out the problem. Mitzpettel confirmed the bug and helped me isolate the issue so that I could figure out the workaround.

Demostration of Bug:
http://www.bronch.com/downloads/webkit_bug/index.html

My users have confirmed the bug in Safari, OmniWeb, and Konqueror. The rendering error is not seen in Firefox, IE 5-7, or Opera.

The problem seems to occur when absolute positioned structures are contained within a table. To work-around the problem, remove the surrounding table. The above demostration shows a page with a surrounding table and without.

The way the WebKit teamhelped me is very impressive. Hats off to them and their desire to build the best browser possible.