htmleditor icons not showing properly

[Budgie]

My guess is I've a little bit of code that's missing but my problem is that i have a htmleditor input in a form in a window(not sure if that's related). The formatting icons (i.e. Bold italic etc.) are showing up all the same - looks like a mix of the right half of the left align icon and the right half of the bullets icon. From looking around inside the ext-2.0 folder the icons are derived from the one gif image. It looks as tho the toolbar is using that image but not focusing in the correct spot. The resulting icon for each button looks like its the middle 16 pixels smack bang out of the middle of the gif image.



handler: function() {
var win ;


win = new Ext.Window({

layout:'fit',
title: 'Edit Question',
width:700,
height:450,
closeAction:'hide',
plain: true,

items: new Ext.FormPanel({
labelAlign: 'top',
frame:true,
title: 'Multi Column, Nested Layouts and Anchoring',
bodyStyle:'padding:5px 5px 0',
width: 600,
items: [{
layout:'column',
items:[{
columnWidth:.5,
layout: 'form',
items: [{
xtype:'textfield',
fieldLabel: 'First Name',
name: 'first',
anchor:'95%'
}, {
xtype:'textfield',
fieldLabel: 'Company',
name: 'company',
anchor:'95%'
}]
},{
columnWidth:.5,
layout: 'form',
items: [{
xtype:'textfield',
fieldLabel: 'Last Name',
name: 'last',
anchor:'95%'
},{
xtype:'textfield',
fieldLabel: 'Email',
name: 'email',
vtype:'email',
anchor:'95%'
}]
}]
},{
xtype:'htmleditor',
id:'bio',
fieldLabel:'Biography',
height:200,
anchor:'98%'
}],

buttons: [{
text: 'Save'
},{
text: 'Cancel'
}]
})


});

win.show();
}


as u can see its just a copy of the htmleditor example.
I'm sure its just one little error.

[evant]

The icons look fine for me in FF2/IE7 (using your code).

Do you have any other css on the page that may be impacting?

[Budgie]

yes yes i did.... :P though it was simple. Had a link to a style sheet that i'd already deleted but must have accidentally put back in with too many 'undo's.