I'm using jQuery 1.4.2 and UI 1.8.7. Have several dialog boxes that work just great in Firefox. But IE ... not so much.
I get a scroll bar on every dialog. Looking at it, the content height is apparently calculated by the UI. In FF, that is the size of the content, INSIDE the padding. IE seems to calculate the size PLUS the padding, so there is always a scrollbar for the amount of the padding.
I've tried setting the height, but IE calculates the height for the entire dialog div, and FF seems to calculate the set height for the content only ... so it's markedly off in one or the other.
To add to the problem, my dialog is a login box, which uses ajax. If the login is incorrect or incomplete, there is an alert that shows IN the dialog box. In FF the dialog just grows to accomodate the message. In IE, the dialog box stays the same size, there's just further to scroll to see everything.
(BTW, as a side RANT, I've spent hours and hours now trying to get my beautiful site to work in IE - not just the js, but also the css. What a pain.)
I'm at my wits end about this dialog size thing. Anyone have any suggestions??
Marie