JQuery значок кнопки щ не в центре светлячок

Question

Я эту кнопку

$('#galery .buttonClose').button({ 
    icons: { 
     primary: "ui-icon-closethick", 
     text: false 
    } 
}); 

CSS:

#galery .buttonClose{position: absolute; top: 3px; right: 3px; height: 30px; width: 30px;} 

Он работает отлично на Chrome значок сосредоточен на кнопке, но в Firefox значок укомплектовать вниз

jsFiddle: http://jsfiddle.net/nDMV8/2/

Это кажется, является общей ошибкой в ​​пользовательском интерфейсе jQuery, я думаю, что они должны что-то планировать, когда вы пытаетесь сделать кнопку без текста, чтобы правильно установить CSS и работать во всех браузерах. Как они показывают все иконки на своей странице тема (внизу):

Answer 1

У вас также есть текст: ложный выбор в неправильном месте, он должен быть:

{ icons: { primary: "ui-icon-closethick" }, text: false } 

Благодаря jmoerdyk

Тогда я просто должен был установить высота в 32px и исправлена!

Answer 2

#galery .buttonClose{ 
    top: 3px; 
    right:3px; 
    height: auto; 
    padding-top:5px; 
    padding-bottom:5px; 
    width: 35px; 
} 

Пример here. Протестировано в хроме, ff и т. Д.