html {
   height: 100%; 
   max-height: 100%; 
   border: 0; 
   background: #fff; 
   /* hide overflow:hidden from IE5/Mac */ 
   /* \*/ 
   overflow: hidden; 
   /* */
}

body {
   height: 100%;
   max-height: 100%;
   overflow: hidden;
   border: 0;
}

#main {
   overflow: auto;
   position: absolute;
   z-index: 3;
   top: 100px;
   bottom: 24px;
   left: 241px;
   right: 182px;
   background: #fff;
}
   * html #main {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      max-height: 100%;
      width: 100%;
      overflow: auto;
      position: absolute;
      z-index: 3;
      border-top: 100px solid #fff;
      border-bottom: 24px solid #fff;
      border-left: 241px solid #fff;
      border-right: 182px solid #fff;
   }


#header,
#footer {
   position: absolute;
   left: 0;
   display: block;
   width: 100%;
   z-index: 5;
   overflow: hidden;
   
}

#header {
   top: 0;
   height: 100px;
}

#footer {
   bottom: 0;
   height: 24px;
}


#left,
#right {
   position: absolute;
   top: 100px;
   bottom: 24px;
   z-index: 4;
   overflow: auto;
}
   * html #left,
   * html #right {
      height: 100%;
      top: 0;
      bottom: 0;
      border-top: 100px solid #fff;
      border-bottom: 24px solid #fff;
   }

#left {
   left: 0;
   width: 241px;
   background: url(../gfx/bgBody.gif) top left repeat-y #fff;
}

#right {
   right: 0;
   width: 182px;
}