Dialog Box's loose the title in IE7/8, OK in Mozilla n Chrome, etc

Dialog Box's loose the title in IE7/8, OK in Mozilla n Chrome, etc

The following code works fine until displaying it in IE. The Resource file word shows blank in IE but other browsers show the proper value from the LocalResource file.

I hope someone knows the answer to this...

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
        <title id="PageTitle"><asp:Literal ID="Literal8" runat="server" Text="<%$ Resources:PageTitle%>" /></title>
        <script src="../Scripting/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="../Scripting/jquery-ui-1.8rc3.custom.min.js" type="text/javascript"></script>
        <link href="themes/sunny/jquery-ui-1.8.custom.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<script type="text/javascript">

    $(document).ready(function() {
        var $x = $("#content");
        $x.dialog({
            modal: true,
            draggable: false,
            closeOnEscape: false,
            title: $('#PageTitle').html(),
            resizable: false,
            height: 186,
            width: 650,
            close: function(event, ui) { history.back(); }
        });

        $x.dialog('open');

    });