Input boxes are displaced when sytle.display is changed to block.
I am using extJs 1.1 and i am having a hard time resolving a problem.
I have a page wher i have two divs , when page is loaded div1 is shown by default and div2 is hidden using style="display:none". After some processing (basic user input), when user clicks on a button on div1, i hide div1 and show div2 using style.display.
The strange problem is that when i hide div1 and show div2, all the input boxes in div2 are displaced to top right by 30px from the origional position.
All input boxes are Ext.form.TextField objects.
I am really unable to understand the problem.
I would really appriciate any help.