horizontal scrollbar not working proper on FF/IE when show/hide columns from grid pan
I have a problem where the grid panel's horizontal scroll bar is not working properly. I have 7 column and not displaying all at loading time. The scenario where it is failing -
1) Show all the column using column header's 'Edit Column' check boxes
2) Decrease/Increase the width of First column
3) Go to the last column by scrolling the UI towards right.
4) Hide the one column using column header's 'Edit Column' check boxes.
Observation - After doing this the scroll bar is reaching to left side but in UI it is not showing the first column.
I am using extJS 4.0.7 version. if I skip the step 2 then it all works fine.