I use extJS 3.1.0.

I use component Ext.Toolbar and I swap from default theme to my theme with the help of code:

Ext.util.CSS.swapStyleSheet('myTheme', extThemes + '/css/xtheme.css');
activeExtScheme = 'myTheme';

My theme does only uppercase for text on buttons of toolbar.
but I have problem in IE7 (IE8 and FF it's OK). When I changed(swap theme) font settings for these texts of items, the width of menu item still remains the same and overlapping appears.

For example word "REPORT" (default/my):
button problem.PNG

Thank you advance