I am using a jQuery UI Dialog to pop-up some supplementary information on one of my pages. For some reason, in Chrome 11 and Firefox 4, the titlebar is ridiculously tall. For
You can always style it with:
.ui-dialog .ui-dialog-titlebar { height: 40px; /* or whatever you want */ }
I would add that I tested FF4.01 and Chrome 11 and your code works for me, see working jsFiddle demo.