I put a div into a table cell, and hope it can scroll if needed:
[CODE]
<table style=”height:200px;width:200px;table-layout:fixed”>
<tr><td>
<div style=”height:100%;width:100%;overflow:auto”>
1234567890123456789012345678901234567890<br/>
1234567890123456789012345678901234567890<br/>
1234567890123456789012345678901234567890<br/>
1234567890123456789012345678901234567890<br/>
1234567890123456789012345678901234567890<br/>
1234567890123456789012345678901234567890<br/>
1234567890123456789012345678901234567890<br/>
1234567890123456789012345678901234567890<br/>
1234567890123456789012345678901234567890<br/>
1234567890123456789012345678901234567890<br/>
1234567890123456789012345678901234567890<br/>
1234567890123456789012345678901234567890<br/>
1234567890123456789012345678901234567890<br/>
1234567890123456789012345678901234567890<br/>
1234567890123456789012345678901234567890<br/>
</div>
</td></tr>
</table>
In IE, it works as expected. But in Firefox, only horizental scrollbar is displayed, in vertical direction, the div is expanded. the property “height=100%” has no effect.
How to solve this problem?