Problem with width: 'auto' and widget header in IE7 in dialogs

Problem with width: 'auto' and widget header in IE7 in dialogs

The widget header (.ui-widget-header?) does not display correctly in
IE 7 when using width: 'auto'. You can also see this in IE8 by using
developer tools> Browser Mode : IE7. To duplicate this issue, download
jquery UI from http://jqueryui.com/download, then in index.html,
change the width of the dialog to 'auto':
                // Dialog
                $('#dialog').dialog({
                    autoOpen: false,
                    width: 'auto',
                    buttons: {
                        "Ok": function() {
                            $(this).dialog("close");
                        },
                        "Cancel": function() {
                            $(this).dialog("close");
                        }
                    }
                });
The orange header when you click 'open dialog' will only be about 100
pixels wide, though the dialog itself will be about 100% on the page.
Also, the close "X" button is jammed on top of the words "dialog
title". Does anyone have any suggestions on how to correct this? Using
'auto' is a necessity for me because we are implementing jquery UI
dialog in a framework, not individually on pages...
Thanks much,
Charles Harvey
--