Show Page Size

HTML

<div class="outer">
  <div class="inner">
    <table>
        <tr class="head">
          <th>Header A</th>
             <th>Header B</th>
            <th>Header C</th>
         

            
        </tr>
        <tr>
         
          <td>col 1 -A</td>
          <td>col 1 - B</td>
          <td>col 1 - C</td>
          
        </tr>
         <tr>
         
          <td>col 2 -A</td>
          <td>col 2 - B</td>
          <td>col 2 - C</td>
          
        </tr>
         <tr>
         
          <td>col 3 -A</td>
          <td>col 3 - B</td>
          <td>col 3 - C</td>
          
        </tr>
         <tr>
         
          <td>col 4 -A</td>
          <td>col 4 - B</td>
          <td>col 4 - C</td>
          
        </tr>
        
         <tr>
         
          <td>col 5 -A</td>
          <td>col 5 - B</td>
          <td>col 5 - C</td>
          
        </tr>
                 <tr>
         
          <td>col 5 -A</td>
          <td>col 5 - B</td>
          <td>col 5 - C</td>
          
        </tr>
                 <tr>
         
          <td>col 5 -A</td>
          <td>col 5 - B</td>
          <td>col 5 - C</td>
          
        </tr>
                 <tr>
         
          <td>col 5 -A</td>
          <td>col 5 - B</td>
          <td>col 5 - C</td>
          
        </tr>
                 <tr>
         
          <td>col 5 -A</td>
          <td>col 5 - B</td>
          <td>col 5 - C</td>
          
        </tr>
                 <tr>
         
          <td>col 5 -A</td>
          <td>col 5 - B</td>
          <td>col 5 - C</td>
          
        </tr>
        
        
    </table>
  </div>
</div>

CSS

table {
  table-layout: fixed; 
  width: 100%;
  *margin-left: -100px;/*ie7*/
}
td, th {
  vertical-align: top;
  border-top: 1px solid #ccc;
  padding:10px;
  width:100px;
}
th {
  
  *position: relative; /*ie7*/
  left:0; 
  width:100px;
}
.outer {position:relative}

.inner {
    height: 200px;
    margin-left: 100px;
    overflow-x: hidden;
    overflow-y: visible;
    width: 400px;
}
.head {
    background: none repeat scroll 0 0 #fff;
    position: fixed;
    top: 0;
    width: 381px;
}