Dialog: shrinks on drag in IE in standards mode, worse in quirksmode

Hello,

I'm running into what seems to be a bizarre bug involving draggable/resizable JQueryUI 1.8.4 dialog boxes, the HTML 4.01 Transitional DTD, and Internet Explorer 8.

I have no problems getting the dialog to open and display normally, but it "shrinks" upward by about 5 pixels every time I click and drag it around, to the point that the buttons at the bottom of the dialog are eventually cut off completely (and if I resize the box, they're still gone.) If I don't specify a HEIGHT attribute when creating the dialog, the "shrinking" still occurs, but the dialog snaps back to its original height after I finish dragging it ... *unless* I've resized the dialog at any point, in which case it stays shrunk just as if I'd specified a height in the first place.

Changing the DOCTYPE in the headers from "DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01 Transitional//EN" to "DOCTYPE html" eliminates the problem, but since a number of other widgets in our site rely on using 4.0.1 Transitional, I'd rather not have to go back and retrofit everything else if at all possible. The issue also appears to be exclusive to IE, as everything works just fine in Firefox and Chrome.

I don't think it has anything to do specifically with my code or any code elsewhere on our site, as I was able to replicate the problem with a fresh download of JQuery UI 1.8.4 just by going into the index.html file and changing the DOCTYPE accordingly.

Is this a known problem? I've been searching for answers all afternoon and was surprised not to find any; it seems like the sort of thing someone else would have encountered by now. I'm hoping that means there's a quick and easy fix for it that I'm just not thinking of.

Thanks very much for any help you can provide!