Dialog box height and width being set to auto when using Ajax in IE7

Dialog box height and width being set to auto when using Ajax in IE7


I am currently trying to create a dialog box that is populated with
html from an ajax call.
The code:
$('table#TABLE_2 tbody.collapsable').each(function(){$(this).find
('td')
        .click(function(){
            $modelNumber = $(this).parent().find('.model').text();
            $.post("/SVACalculator/IncomeStatementServlet?
userAction=getIncomeStatement&model="+$modelNumber, function(data) {
         var dialog = $('<div class="flora"
id="incomeStatement">'+data+'</div>').insertAfter('#TABLE_3');
         $(dialog).dialog({modal:true, height: 500, width: 500,
         buttons:{ 'Download to Excel': function(){
             window.open("/SVACalculator/IncomeStatementServlet?
userAction=downloadExcel");
        }} });
     });
            return false;
        })
    });
Sorry about the messy format, but this code works fine in Firefox, but
when using it with IE both the height and width are set to auto. This
seems to be happening due to an inline style that is being applied to
the DIV element. I am not sure why this is happening.
Any suggestions?
Thanks!