CSS fix for WebKit browsers

I have a web page that works perfectly in Firefox and IE (7+) but does not render properly in any webkit-based browser. I need it to work in Google Chrome and Safari: [login to view URL] Notice that the middle column works properly (fills the whole middle space) under FireFox and IE but does not expand to fill the whole area in Chrome or Safari. The layout *MUST* continue to resize the same way after fixing: the middle column should shrink and expand, the other columns remain static; the top pane must remain the same height and both top and bottom panes must fit within the visible browser area. This does not seem to be a Jquery / javascript problem as it didn't work even before I added some Jquery enhancements.