＜option＞タグで展開されたメニューに高さを指定しスクロールできるようにしたい

セレクトボックスのオプションタグで展開されたメニューに高さを指定し、スクロールできるようにしたいです（画像の赤い部分）。具体的にはクリックしたら<option value="guest5">まで表示され、残りの表示はスクロールして見れるようにしたいです。CSSでoptionに高さを指定しても反映されません。CSSの記述方法をご教授頂ければ幸いです。

HTML
1<div class="form">
2 	 <table>
3      <tr>
4       <td><form action="" method="post">
5       <input type="text" name="area" placeholder="所在地">
6       </form></td>
7
8      </tr>
9      <tr><td>
10       <select name="room">
11        <option value="kasikiri">貸し切り</option>
12        <option value="kositu">まるまる個室</option>
13        <option value="syher">シェア</option>
14       </select></td>
15      </tr>
16      <tr>
17       <td><select name="peopre">
18        <option value="guest">ゲスト０人</option>
19        <option value="guest1">ゲスト１人</option>
20        <option value="guest2">ゲスト２人</option>
21        <option value="guest3">ゲスト３人</option>
22        <option value="guest4">ゲスト４人</option>
23        <option value="guest5">ゲスト５人</option>
24        <option value="guest6">ゲスト６人</option>
25        <option value="guest7">ゲスト７人</option>
26        <option value="guest8">ゲスト８人</option>
27        <option value="guest9">ゲスト９人</option>
28        <option value="guest10">ゲスト１０人</option>
29        <option value="guest11">ゲスト１１人</option>
30        <option value="guest12">ゲスト１２人</option>
31        <option value="guest13">ゲスト１３人</option>
32        <option value="guest14">ゲスト１４人</option>
33        <option value="guest15">ゲスト１５人</option>
34       </select></td>
35      </tr>
36     </table>

CSS
1table{
2   margin-bottom: 30px;
3   
4}
5
6
7table input{
8    width: 380px;
9    border-radius: 10px;
10    height: 50px;
11    font-size: 16px;
12    padding-left: 5px;
13
14}
15
16table tr{
17    width: 380px;
18    border-radius: 10px;
19    height: 50px;
20}
21
22
23table select{
24    width: 390px;
25    border-radius: 10px;
26    height: 55px;
27    font-size: 16px;
28    padding-left: 5px;
29}
30
31option{
32    background: red;
33    
34}