icon postion in button ignored by setIconStyle

[bhomass]

I am using the button.setIconStyle() call using 16 x 16 icon.

the icon always comes out anchored to the top left hand corner of the button. see attached.

I tried centering it using

.valign-top {
    background: url('images/top.png') no-repeat center center;
}

Apparently the position css params get ignored during the call.

May I ask, how is the icons supposed to be aligned to the center of the button?

setIconAlign(IconAlign.BOTTOM) does work, but there is no IconAlign.CENTER.

This is gxt 2.0.1

[bhomass]

when I do the same thing on another bigger project, the icons do automatically come out aligned. But I am not sure what the difference is.

for the small test project where the misalignment occurs, it only occurs on FF and IE6.

[Arno.Nyhm]

did you check with firebug all css applied to the button?
if it is only in a test project then i think you setup a newer gxt version. maybe you forget to update also the css files from this new version.