It appears that I am working with CSS 2.1 as the style "overflow-x" is not present in my code. In the snippet below, I have defined headings for a grid and set the Id "pageLength" to introduce a vertical scrollbar for the grid's contents. However, this also adds an unwanted horizontal scrollbar. Since "overflow-x" doesn't seem to do the trick, what should I use instead?
#pageLength
{
height: 400px;
overflow:auto;
}
Here is the table structure for the grid;
<table >
<tr>
<th>
Date
</th>
<th>
Morning Only
</th>
<th>
Afternoon Only
</th>
<th>
Approved
</th>
<th>
Cancel?
</th>
</tr>
<tbody id="pageLength">
<%: Html.EditorForModel()%>
</tbody>
</table>
***EDIT - responding to request for Page Source
<table>
...
. . .