У меня есть следующая функция в jQuery и javascript, которая создает элемент формы:
createEmail: function(title){
var $emailForm = $('<form>',{action: 'sendEmail.php', id: 'emailForm'});
var $table = $('<table>');
$emailForm.append($table);
var $tr = $('<tr>');
$tr.append($('<td>',{text: 'Email From:'}));
$tr.append($('<td>',{html: '<input type="text" value="" name="from"/>'}));
$table.append($tr);
$tr = $('<tr>');
$tr.append($('<td>',{text: 'Email To:'}));
$tr.append($('<td>',{html: '<input type="text" value="" name="to"/>'}));
$table.append($tr);
$tr = $('<tr>');
$tr.append($('<td>',{text: 'Message Body:'}));
$tr.append($('<textArea>',{name: 'msg', cols: 50, rows: 10,
text: 'Attached is the ' +title+ ' license key file.\nPlease place the file in the same directory as the "check_license.php" file for ' +title+ ' '}));
$table.append($tr);
$tr.append('<input type="hidden" value="'+title+'" name="title"/>');
var $div = $('<div>').append($emailForm).dialog({
title: 'Email ' + title + ' File',
width: 600,
modal: true,
buttons: {
cancel: function(){
$(this).dialog('close');
},
send: function(){
$.post($emailForm.attr('action'), $emailForm.serialize(),function(data){
alert(data);
$div.dialog('close');
})
}
},
beforeClose: function(){
$(this).remove();
}
});
$div.dialog('widget').css('margin','0 auto');
}
По какой-то причине в IE текстовая область не отображается, и при нажатии на нее диалоговое окно выглядит следующим образом: 
но в chrome и FF это выглядит нормально: 
почему это происходит?текстовая область по-прежнему отправляется на мой php, как будто в нем есть что-то (и когда я использую инструменты dev в IE8, он говорит, что в нем есть контент)
Так почему в IE он не отображает редактируемую область текста??
Спасибо ....