Here is my code snippet: http://jsfiddle.net/FbC86/. When viewed in Chrome or Firefox, the text inside the cell overflows correctly with a vertical scrollbar. However, when opened in Internet Explorer, it does not work as expected.
Being new to web development, I am seeking advice on how to solve this issue. Thank you in advance for your help!
Snippet of the code:
CSS
div.main
{
width:100%;
height:100%;
display:block;
position:relative;
overflow:auto;
}
div.transparent{
padding:3em;
background-color: rgba(255,255,255,0.7);
display:block;
}
HTML
...
<td colspan="7" valign="top" style="height:0;" >
<div class="main">
<div class="transparent">
Here goes a long text
</div</div></td>
...