Как сделать скролинг формы?

<style>
  DIV.X1
  {
    width:420px;
    height : 100px;     
    overflow : auto;    
  }
</style>
 
<!---Заголовок (на самом деле-отдельная таблица)---->
<table cellspacing='0' cellpadding='0' border='1' class='X1' width='400'>
<tr>
<td>Это заголовок таблицы</td>
</tr>
</table>
 
<!---Тело  (на самом деле-отдельная таблица)--->
<DIV CLASS='X1'>
<table cellspacing='0' cellpadding='0' border='1' class='X1' width='400'>
<tr>
    <td>Вы ответили, что знате способ сделать это с помощью CSS. 
    Не могли бы вы мне разъяснить этот
   загадочный способ для меня.</td>
</tr>
<tr>
    <td>Вы ответили, что знате способ сделать это с помощью CSS. 
    Не могли бы вы мне разъяснить этот
   загадочный способ для меня.</td>
</tr>
<tr>
    <td>Вы ответили, что знате способ сделать это с помощью CSS. 
    Не могли бы вы мне разъяснить этот
   загадочный способ для меня.</td>
</tr>
<tr>
    <td>Вы ответили, что знате способ сделать это с помощью CSS. 
    Не могли бы вы мне разъяснить этот
   загадочный способ для меня.</td>
</tr>
</table>
</DIV>