UI Button primary icon only position problem

UI Button primary icon only position problem

Dear all,

I'm using jquery 1.4.2 and jquery UI 1.8.4. I need to create some button with a primary icon only and text.

Setting a primary icon only ( other than the text) the problem is the text has a wrong position relative to the icon (see the attached image, icon only and primary+secondary work fine).

JS code:

$("#button").button({

        icons: {

            primary: 'ui-icon-locked'

        }

    });


I tried it on Safari, Firefox and IE getting the same problem.

Anyone could help please?