-webkit-overflow-scrolling: touch; Hiding content

Yesterday I posted information about items not showing when they are positioned: absolute;

on iOS Safari, however I narrowed down the issue. It's not the positioning of the elements that makes the elements disappear, it's a WebKit inertia scrolling CSS selector:

-webkit-overflow-scrolling: touch;

      

        
        
        
      

    

Here is my goal: I am trying to make a table where the left column is fixed in position and the other columns scroll. Without a webkit css selector, the scrollbar does not appear and the scrolling has no inertia. Is there a way to do this? I would like to have only one table if possible.

With WebKit CSS Selector: (left column not showing)

No WebKit CSS selection: (Left columns are displayed, but inertia scroll and scrollbars are not visible)

Without WebKit

CSS Selector: http://jakeserver.com/Uploads/StackOverflow/scrollTable-NoWebKitCSS.html

With WebKit

CSS Selector: http://jakeserver.com/Uploads/StackOverflow/scrollTable-WebKitCSS.html