UI dialog content in IE6 shifted left

UI dialog content in IE6 shifted left


I'm trying to build a dialog using jQuery UI 1.5.2 and a themeroller
stylesheet. My problem is when the dialog opens, all the content is
shifted 32 pixels to the left so the left 32 pixels of the content is
cut off. I've tried adding the following CSS to an IE6 fix stylesheet
and including it on the page with a conditional comment, but it
doesn't seem to have helped.
.ui-dialog-container, .ui-dialog-buttonpane {
    left: 32px !important;
}
If I use FireBug Lite to issue a jQuery command to do the same thing,
the content shifts back where it belongs (the close button shifts out
of the right hand edge of the dialog but I figure I can fix that
later).
$('.ui-dialog-container, .ui-dialog-buttonpane').css ({left: 32});
The dialog is properly laid out in IE7 and FireFox, but unfortunately
IE6 is what's rolled out throughout our intranet so it absolutely has
to work in IE6.
Can anyone help?