如何修复100％高度的布局底部（jQuery Mobile和Google Map）？

I have a layout where I would like the main content area to be 100% height of the remaining space. So I am almost there but the bottom is truncated (which effects zoom and centering). There is 41px from the bottom that is being truncated, which is the measurement of the header area: I have a layout where I would like the main con