Overflow in Firefox?

[BaseballGraphs]

Hello,

I would like a scroll bar to appear if the contents of a table exceeds the set height of that table and I understand that this can be done with overflow. I have set it and it works in Chrome but it does not appear to be working in FireFox. In FireFox it appears to be extending the cell's height. Obviously, I would like to maintain the cells height in my table and have a scroll bar appear if the contents exceed the height.

Here is the code I am using:

<table width="100%" height="75%" border="0">
<tr>
<td width="25%"><div style="padding : 4px; width : 100%; height : 100%; overflow : auto; ">

If you know how I can get this to render correctly in Firefox I would be very appreciative! Thanks.

[Death Slaught]

Just change the overflow property to scroll.

overflow: scroll;

Thanks, Death

[BaseballGraphs]

I tried changing it to overflow:scroll ; but it does not appear to have any effect in firefox, the contents of the cell are still extending beyond the height of the cell that I set...any other suggestions?

[Death Slaught]

That's because you're using percentages. The content is going to be 100% of the table it's contained in (which is 75% of whatever the table is contained in). Try setting the values to pixels.

- Death

[BaseballGraphs]

That seems to work!

Thanks.

[Death Slaught]

No problem~

Regards, Death