Jquery Dialog Help

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

http://i1206.photobucket.com/albums/bb449/3xtr3m3d/random/Capture1.jpg

On second click

http://i1206.photobucket.com/albums/bb449/3xtr3m3d/random/Capture2.jpg

This is the code im using

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',
resizable: false,
autoOpen: false,
height: 450,
width: 550

});
$dialog.dialog('open');
return false;

});



any help would be great

Thanks