php - div オーバーフロー スクロール ブロック内のテーブル

Question

データベースからループ レコードを取得しました。オーバーフローのある div ブロックにこれらのレコードを配置して、ユーザーがそれぞれの長いリストをスクロールできるようにしました。どういうわけか、コードの下に表示すると、div ブロックはスクロールせずに無秩序に見えます。オーバーフローのある div ブロック内にテーブルを配置できますか?

<div style="overflow:auto;height:100px;width:358px;">
    <table width="100%" border="1" cellpadding="3" cellspacing="0">
        <tr>
            <td><input id="" class="" name="ids[]" type="checkbox" value="<?php echo $user_email; ?>" /></td>
            <td><?php echo $user_name; ?></td>
            <td><?php echo $user_email; ?></td>
        </tr>

        <?php
        $query2 = "SELECT * FROM sub_user where parent_user_id=".$row['user_id'];
        $result2 = mysql_query($query2);

        while($row2 = mysql_fetch_assoc($result2)){
            $user_name = stripslashes($row2['user_name']);
            $su_position = stripslashes($row2['su_position']);
            $su_telephone = stripslashes($row2['su_telephone']);
            $user_email = stripslashes($row2['user_email']);
        ?>

        <tr>
            <td><input id="" class="" name="ids[]" type="checkbox" value="<?php echo $user_email; ?>" /></td>
            <td><?php echo $user_name; ?></td>
            <td><?php echo $user_email; ?></td>
        </tr>
        <?php
        }
        ?>
    </table>
</div>

お知らせ下さい。ありがとう。