Se corrigió el encabezado en la tabla dentro de Div desplazable

Mi código a continuación

Some Page Content
Some Page Content

Estoy tratando de tener vertical scroll bar para Div, así que si excede la altura máxima, obtengo la barra de desplazamiento que funciona bien.

Ahora traté de arreglar el encabezado para ser reparado

Probé la position:Fixed for TH y lo que hace es mantener el encabezado fijo a lo largo de la página. Vi algunas publicaciones con respecto a lo mismo en el encabezado Fijo y estoy confundido sobre la mejor manera de implementarlas, ya que la mayoría de ellas son respuestas antiguas.

Mi salida debe ser como Div (tabla) debe ser desplazable y el encabezado a fijo solo para esa tabla y no para toda la página.

Esperando un enfoque simple y mejor para lograr esto

Gracias

Puede intentar separar el encabezado del contenido: http://jsfiddle.net/u2xZU/ y colocar el encabezado fuera del contenido desplazable.

Básicamente, use dos tablas, una para el encabezado y otra para el contenido:

 
Some Page Content
Head1 Head2 Head3
content content content
content content content
content content content
content content content
content content content
content content content
content content content
content content content
content content content
content content content
Some Page Content

Utilizar

 position:absolute 

Y use position:relative en el elemento padre con respecto al cual debe ser absoluto. Necesita aprender a posicionarse en detalle. Te recomendaría este tutorial . Es una forma rápida de posicionarse de manera práctica.