div has a table in it does not scroll

Question

I have a table contained in a div. table layout is fixed. div has css property "overflow:scroll". but when I change div's with less than table's width, scroll bar did not appear

Answer 1

specify certain width, height to DIV and then overflow:auto;

overflow:auto;
width:500px;
height:400px;

check this code

<style type="text/css">   
  .pqr{
    overflow:auto;
    width:500px;
    height:400px;
   }
</style>
<div class="pqr">
  <table width="600px" border="1">
    <tr>
      <td>
    Test
      </td>
    </tr>
  </table>
</div>