weird border around dialog close button

weird border around dialog close button

Hello,

Please have a look at the attached screen shot.


I create some themes for this at ThemeRoller, and everything seems to look good except for that weird border around the close button in the top right corner. It only shows until I click on the dialog, and then it disappears. Also, it only shows up in Chrome, not in IE.

Here's the code that generates the dialog:

    <div id="TheDialog">Hi! I'm the dialog!</div>

    <script>
        $(document).ready(function()
        {
            $("#TheDialog").dialog();
        });
    </script>

Does anyone know how I might fix this? Thanks very much.