Стол внутри блока прокрутки переполнения 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> 

Просьба сообщить. Благодарю.

Answer 1

Вы попробовали?

<div style="overflow-y: scroll;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>