This works in FF, Chrome, Safari and the FIRST time in IE8. But the second time i click the link in IE8, the dialog's height is the full height of the content (while it should be set to 300px). What is weird is that the dialog header's height grows to about 2 " (not sure what that is in px) on this second open also. Any help would be appreciated.
<script type="text/javascript">
$(document).ready(function() {
var $dialog = $('<div></div>')
.dialog({
autoOpen: false,
height: 300,
title: 'Resorts'
});
$('#showResorts').click(function() {
$dialog.dialog('open');
$dialog.load('/employee/promoCode?cmd=resorts').dialog();
return false;
});
});
</script>
<a style="color:blue; font-weight:bold; cursor:default" id="showResorts"><%= pc.getAllResorts()%></a>