title: Table inside div overflow scroll block
body: <p>I have a loop records grab from database, I tried to put these records into a div block with overflow to allow user to scroll through a long list for each, somehow when I display below code, the div block are looks disorder without scroll, how can I put table inside div block with overflow?</p>
  
  <pre><code>&lt;div style="overflow:auto;height:100px;width:358px;"&gt;
      &lt;table width="100%" border="1" cellpadding="3" cellspacing="0"&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;input id="" class="" name="ids[]" type="checkbox" value="&lt;?php echo $user_email; ?&gt;" /&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $user_name; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $user_email; ?&gt;&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;?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']);
          ?&gt;
  
          &lt;tr&gt;
              &lt;td&gt;&lt;input id="" class="" name="ids[]" type="checkbox" value="&lt;?php echo $user_email; ?&gt;" /&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $user_name; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $user_email; ?&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;?php
          }
          ?&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Please advise. thanks.</p>