Css Over flow Issue

[saroj.karthica]

Hi,

I have a table enclosed in a div which is again enclosed within one the Td’s of an outer table.

I have the following css property applied to that div :

.overflowDiv {overflow:auto;width:100%}
* html .overflowDiv {width:565px}
*+ html .overflowDiv {width:565px}

Also we have an inline css style defined for the as : overflow –x : auto; overflow-y:hidden;

The issue is , when we apply the above style, the last row of the inner table gets hidden due to the horizontal scroll bar.

Now when I give a padding – bottom of say 16px to the div, we get extra space in cases where the content fits well without a scroll bar.

Please send in ur suggestion for this issue.

This happens only in IE.

Thnx in Advance,
Saroj.