While using ExtJS 2.2.1 on IE8, few DOM elements were not being rendered and due to this the components do not appear correctly.
While debugging the problem in IE 8 (using IE’s Developer Tool), I found that the error was misleading. The problem happened to be due to the ‘style’ config which was being used in some of the components and the had a value like ‘padding-left : 20px’. For some odd reasons, ExtJS was throwing error while parsing this style value and due to this the DOM was not getting constructed properly. I had to remove the extra spaces before and after ‘:’ and add the ‘;’ (semi-colon) to the end of the style. So, changing
style: 'padding-left : 20px'
fixed the error and also the rendering of the components is fixed.