Using JQuery UI Dialog

Using JQuery UI Dialog

Hi all

I am using the JQuery UI Dialog in my application and it works fine in IE, but for some reason in FireFox when the dialog opens it does not open to the size that I specify, it opens tall and narrow. I have attached a screen shots. One is the dialog open in Internet Explorer and the other is Fire Fox, the code is the same, but they open up differently, I am not sure why. Here is my script:

  1. $(document).ready(function () {
                $("#videoPlayer").dialog({ autoOpen: false, modal: true, show: "blind", hide: "blind", height: "580", width: "780" })
                $("#playVideoButton").click(function () {
                    $("#videoPlayer").dialog('open')
                });
                $("#closeButton").click(function () {
                    $("#videoPlayer").dialog('close')
                });
            });