jQueryMobile full size content

/*make sure the viewport is 100% height*/
/*make the page element 100% height*/
#map {
    height : 100%;
}

/*set the content to be full-width and height except it doesn't overlap the header or footer*/
#map .ui-content {
    position : absolute;
    top      : 40px;
    right    : 0;
    bottom   : 39px;
    left     : 0;
}