wrap #table
in a wrapper div that has a fixed height with overflow and positioning.
Heres how:
HTML
<div class="table-wrapper">
<table id="table">
<tr>
<th><b>Name</b>
</th>
<th><b>Address</b>
</th>
<th><b>Likes</b>
</th>
</tr>
...
</table>
</div>
CSS
.table-wrapper {
max-height:152px;
overflow-y:scroll;
top:100px;
left:100px;
position: absolute;
z-index: 3;
}
#table{
width:252px;
font-size: 11px;
background-color: rgba(247, 247, 247, 0.9);
border: 1px solid #D7D2D2;
}