jQuery Forum

Here's some of my code to use as a model.

        var countryChooser = $('#countryChoices').dialog({         
            autoOpen: false,
            height: 400,
            width: 700,
            resizable: false,
            draggable: true,
            title: "Click to select a country",
            open: function () {
                    $('#regions').tabs({   
                        event: "click"
                        });
                },
            buttons: { "Close/ continue location input" : function(){                       
                            $(this).dialog("close");
                        }
                    }
        });

    //enable the button to open and re-open the country choice dialog box
    $('#countryOpener').click(function (){
        countryChooser.dialog('open');
        return false;
    });

Thanks for your  reply. I have my code ready to open a dialog box, i am only concerned about the close icon at the right hand top of the dialog which is 'X' symbol. This 'X' doesn't appear in the dialog box when i  am using the jquery-ui.css downloaded into my deveopment workspace.

I would verify a few things: