Hi

im loading a edit form to jquery UI dialog on click of each edit button. it works perfectly on Firefox but on Internet explorer it works fine for first click and second click dialog loads but dialog height doesnt work for second click etc...

why is this happening? how to correct this?

This is the first click



On second click



This is the code im using

PHP Code:
        var $loading = $('<center><img src="img/load.gif" alt="loading"></center>');
        var 
$dialog = $('<div id="dialog"></div>').append($loading.clone());
        $(
'.editbutton').click(function() {
        var 
element = $(this);
        var 
href element.attr("href");
        
$dialog
            
.load(href)
            .
dialog({
                    
title'Edit Form',
                    
resizablefalse,
                    
autoOpenfalse,
                    
height450,
                    
width550
                    
                    
});    
        
$dialog.dialog('open');
        return 
false;
        
        }); 

any help would be great

Thanks