html {
    height:100%; /* fix height to 100% for IE */
    max-height:100%; /* fix height for other browsers */
    padding:0;
    margin:0;
    border:0;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow:hidden; /*get rid of scroll bars in IE */
    /* */
}
body {
    height:100%; 
    max-height:100%; 
    overflow:hidden; 
    padding:0; 
    margin:0; 
    border:0;
}
#content {
    display:block; 
    position:relative; 
    z-index:3; 
    height:100%; 
    max-height:100%; 
    overflow:auto; 
}
#content .pad { /* Pads bottom of #content so footer doesn't overlap when scrolled all the way down */
    display:block; 
    height:100px;
    clear : both;
}
#content #content-wrap {
/*background-color : #cccccc;*/
overflow : hidden;
    width : 600px;
    margin : 0 auto;
}
#content #alpha,
#content #beta,
#content #gamma {
    width : 200px;
    float : left;
}

#foot {
    display:block; 
    position:absolute; 
    z-index:4; 
    bottom:-1px; 
    right:16px;  /* To allow for scrollbar chrome */
    margin:0; 
    width:100%; 
    height:236px; 
}
body:first-of-type #foot { /* Safari3 filter */
    right : 15px;
}
#foot .pad {
    display:block; 
    width:16px; /* Match scrollbar chrome allowance */
    height:50px; 
    float:left;
}
body:first-of-type #foot .pad {  /* Safari3 filter */
    width : 15px;
}

/* Diagnostic stuff
#foot {
    background-color : #EFEFEF;
}

#foot .pad {
background-color : green;
}
#content .pad {
background-color : red;
}
 */