scrollable div with heading

I'd like to have a scrollable DIV where the headings always remain on the same place, no matter how deep you would scroll in the list.

If I write
<DIV id=scroll1 style="BORDER:1px ; OVERFLOW: auto; WIDTH: 200px; HEIGHT: 100px; position: absolute; top:100; left:100;">

<table>
<tr>
<th>etappe</th>
<th>leiding</th>
<th>BO</th>
</tr>


<tr>
<td>1</td>
<td>11</td>
<td>1011</td>
</tr>
<tr>
<td>2</td>
<td>12</td>
<td>1012</td>
</tr>
<tr>
<td>3</td>
<td>13</td>
<td>1013</td>
</tr>
<tr>
<td>4</td>
<td>14</td>
<td>1014</td>
</tr>
<tr>
<td>5</td>
<td>15</td>
<td>1015</td>
</tr>

</table>
</DIV>

I get the scrollable area, but the headings don't show when scrolling down.

But on the other hand I loose the scrollable area when I write
<table>
<tr>
<th>etappe</th>
<th>leiding</th>
<th>BO</th>
</tr>

<DIV id=scroll1 style="BORDER:1px ; OVERFLOW: auto; WIDTH: 200px; HEIGHT: 100px; position: absolute; top:100; left:100;">
<tr>
<td>1</td>
<td>11</td>
<td>1011</td>
</tr>
<tr>
<td>2</td>
<td>12</td>
<td>1012</td>
</tr>
<tr>
<td>3</td>
<td>13</td>
<td>1013</td>
</tr>
<tr>
<td>4</td>
<td>14</td>
<td>1014</td>
</tr>
<tr>
<td>5</td>
<td>15</td>
<td>1015</td>
</tr>

</DIV>

Can anyone help me out ?
IFrames isn't an option, since I'd like to get this scrollable area inside my JSP's and iFrames give extra problems when submitting the FORM elements to the servlet.

Don't put the headings in the DIV - put them above.

Why dont u try using style sheets like this? It works.