[simple]

nerv_ ,нет absolute/fixed не подходят, так как при таком позиционирование они выходят за область дива...сделал position:relative и добавил js на скролл...работает..но что то первая ячейки в теги <tbody> расширяются на весь <thead>. Вот пример:

<script>
function scrolltmp(obj,num){
 obj.childNodes[1].childNodes[1].style.top=num;
}
</script>
<div style="width:300px;height:120px;overflow:auto;" onscroll="scrolltmp(this,scrollTop);">
<table border=1 style="border-collapse:collapse;">
<thead style="position:relative;top:0px;left:0px;display:block;">
 <tr>
  <th>...</th>
  <th>...</th>
  <th>...</th>
  <th>...</th>
  <th>...</th>
  <th>...</th>
  <th>...</th>
 </tr>
</thead>
<tbody>
 <tr>
  <td>...</td>
  <td>...</td>
  <td>...</td>
  <td>...</td>
  <td>...</td>
  <td>...</td>
  <td>...</td>
 </tr>
 <tr>
  <td>...</td>
  <td>...</td>
  <td>...</td>
  <td>...</td>
  <td>...</td>
  <td>...</td>
  <td>...</td>
 </tr>
 <tr>
  <td>...</td>
  <td>...</td>
  <td>...</td>
  <td>...</td>
  <td>...</td>
  <td>...</td>
  <td>...</td>
 </tr>
//......................................
</tbody>
</table>
</div>

вероятно это из-за display:block но без него не работает, как можно исправить это или альтернативный вариант какой нибудь есть?
ЗЫ да и не оптимальное это решение а так просто понять суть тока...при прокрутке заголовок дергается =)