En un ejemplo un poco más completo, aquí se puede ver como insertar un DIV dentro de una celda para que la misma tenga un scroll:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 78%;
}
table {
width: 90%;
height: 100%;
border: 0;
}
#LayerTexto {
width:100%;
height:100px;
z-index:1;
overflow: auto;
background-color: #00CCFF;
}
#LayerTexto p {
font-family: "Times New Roman", Times, serif;
font-size: 165%;
padding: 5px 5px 10px 5px;
letter-spacing: -1px;
}
td {
vertical-align: top;
}
.normal {
height: 100px;
padding: 5px 5px 10px 5px;
}
.resaltado {
background-color: #CCFF99;
padding: 10px 0 10px 5px;
font-style: italic;
}
</style>
<title>demo scroll en celda</title>
</head>
<body>
<table>
<tr>
<td>La celda adyacente tiene un scroll mediante un div </td>
<td>
<div id="LayerTexto" class="scroll">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus euismod. Proin ut nisl id sem malesuada ullamcorper. Curabitur sit amet sapien vel enim iaculis sagittis. Aenean id nibh. Nunc aliquam est at tellus. Sed sollicitudin interdum mi. Quisque at mauris vitae lectus accumsan faucibus. Vestibulum at est. Mauris vitae ipsum. Pellentesque at urna. Aliquam nunc. Quisque fermentum, sapien eget adipiscing cursus, sapien quam rutrum nulla, in tempor diam nulla quis nunc. Pellentesque gravida eleifend arcu.</p>
</div></tr>
<tr class="normal">
<td>La celda adyacente no tiene scroll. </td>
<td class="resaltado">Esta celda no tiene scroll, no tiene div. Saludos!
</tr>
</table>
</body>
</html>