Attach footer in Firefox

Hi,

I’m having a grid with a footer attached to it. When i decrease the size of the column the contents in the footer gets overlapped.



Suppose, the grid is of the format shown below,



| a | b | c | --> Header of the grid



|FooterVal | Val2 | Val3| --> Footer of the grid



Now when i try to decrease the size of the column header ‘a’ then the contents of the footer ‘FooterVal’ gets overlapped on the contents of the footer of column ‘b’, ‘Val2’. This happens only in Mozilla FIreFox. It works perfectly in IE. Suggest me on how to proceed?

To resolve problem - add next style definition to the page


div.gridbox div.ftr td {
    overflow:hidden;
}