Congelar cabecera de una tabla

[goteen_mx]

Buenas noches, tengo el siguiente problema que no he podido resolver aun, tengo una tabla la cual necesita que tenga un scroll, para que siempre se vea el header y el footer, ya que en una vienen los titulos y en la otra los controles, por política no puedo utilizar librerias externas, ahora lo que hice fue lo siguiente:

Código HTML:

<div id='header' style='width:100%;overflow-y:hidden;overflow-x:hidden;'>
   <table>
       <col width='10%'>
       <col width='80%'>
       <col width='10%'>
         ..................
    </table>
</div>
<div id='body' style='width:100%;height:500px;overflow-y:scroll;overflow-x:hidden;>
   <table>
      <col width='10%'>
       <col width='80%'>
       <col width='10%'>
         ..................
    </table>
</div>
<div id='footer'  style='width:100%;overflow-y:hidden;overflow-x:hidden;'>
   <table>
       <col width='10%'>
       <col width='80%'>
       <col width='10%'>
         ..................
    </table>
</div>
 

El problema es que el tamaño del scroll, me recorre el tamaño de las columnas del body y quedan desalineadas respecto al header o footer, ya he intendado de muchas maneras, y la que mas se ha parecido a lo que quiero es poner los tamaños en pixeles, pero en el caso de resoluciones muy altas se desalinea de igual forma en el tamaño de lo que mide el scroll, espero me puedan ayudar.

Gracias.

Saludos.