I'm having difficulty styling tabs. In Firefox, my styles show up, but in IE it looks like it's picking up the default ExtJS styles.
There appears to be a radical difference between how tabs are rendered in FF vs. IE, as there is a simple div structure in FF, and a complex table structure in IE. (Really? Tables?! What the...?) I can't figure out where the style is getting picked up, as my tab color gets applied in IE, but is getting overridden by something else, so I don't see it.
What is the proper approach to styling widgets (tabs in this case) in ExtJS when the markup is so vastly different between browsers?
IE simply doesn't implement the CSS features required. That's why we have ugly table structure bounded to image sprites.
Prior to Ext 4 you had to do it completely manually, cutting images in Photoshop, etc... Now we have a tool that emulates a browser, and do all the heavy job for us. It is described in our theming guide, under "Supporting Legacy Browsers"