How to control overflow of table cell in firefox?

[master33]

I have a table and want the first columns to have a vertical scroll bar. This works in Chrome, IE9, Safari on iPad but not in Firefox? Why not? What am I doing wrong?HTML:\[code\] <table> <tbody> <tr> <td class="col1"> <div class="wrapper"> <p>Test</p> <p>Test</p> <p>Test</p> <p>Test</p> <p>Test</p> <p>Test</p> ... </div> </td> <td class="col2"> </td> </tr> </tbody> </table>\[/code\]CSS:\[code\]html, body {margin: 0;padding: 0;height: 100%;width: 100%;}table {width: 100%;height: 100%;}table .col1 {width: 20%;height: 100%;}table .col1>div.wrapper {width: 100%;height: 100%;overflow: auto; }table .col2 {width: 80%;height: 100%;background-color: red;}\[/code\]Thanks in advance