Question

I am using firefox 11.0
on this page http://jqueryui.com/demos/button/
I am seeing some miss aligned (vertically) button like image below

In chrome there is no issue.
I have upgraded firefox using the same version setup for a repair install.
But this does not fix issue.

Please check and tell me, do u face this issue..??

Answer 1

They are inline-block elements so there default value is basline .write vertical-align: top; in your ui-corner-all. Write like this:

.ui-corner-all{
 vertical-align: top;
}