Как иметь только вертикальную полосу прокрутки в div

У меня есть таблица, которая находится в div. Длина таблицы может варьироваться, и я использую div для обеспечения высоты.

<div id='CamListDiv'>
<table>
    <thead>
        <th><input type='checkbox' id='selectAll'/></th>
        <th>Local Camera List</th>
    </thead>
    <tbody>
        <tr><td>//camera 1 data //</td></tr>
        <tr><td>...</td></tr>
        <tr><td>//camera x data //</td></tr>
    </tbody>
</table>
</div>

CSS
#CamListDiv {
    height: 340px;
    float: left;
    overflow: auto;
    overflow-y: hidden;
}

Моя проблема заключается в том, что когда нужна вертикальная полоса прокрутки, пространство, которое она занимает, приводит к появлению горизонтальной полосы прокрутки. Мне не нужна горизонтальная полоса прокрутки, и я попытался использовать свойство overflow-y: hidden;css, чтобы скрыть ее, но это приводит к скрытию обеих полос прокрутки.

Кто-нибудь знает, почему overflow-y:hidden;не работает должным образом или как сделать так, чтобы горизонтальная полоса прокрутки не была видна?