jQuery Ui Dialog width:auto Ie8

i have jQuery Ui dialog like below code :

$("#RoleProperty").dialog({
    autoResize: true,
    show: "Clip",
    hide: "Blind",
    height: 'auto',
    width: 'auto',
    autoOpen: false,
    modal: true,
    position: 'top',
    dragga开发者_如何转开发ble: true,
    title: "مشخصات نقش",
    open: function (type, data) {
        $(this).parent().appendTo("form");

    },
    buttons: { "بستن": function () { $(this).dialog("close"); document.getElementById("<%=btnCancel.ClientID%>").click(); } }
});

but the property width:auto works incorrectly in IE8. it works right in Firefox. jQuery Ui version is 1.8.5 jQuery Version is 1.5

-Additional Infromation. i am opening this DIalog Server Side (after ASP.NET Postback)

---

Make sure you are not having an issue with IE Compatibility Mode. Do you see a broken page icon by the refresh button?

If so use something like the following in your :

---

There was an interesting answer here :

Auto size a jQuery UI dialog in Internet Explorer