Dialog box do not some fields in IE

Dialog box do not some fields in IE

Hi ALL,
I have written code to create dialog box and show some text and two
input boxes inside it. My code is working fine in Firefox. But, in IE
if I click on the "Login" link
dialog box appears but the text and two input boxes do not appear.
Here is my code :
This line creates the "Login" link:
-----------------------------------
$("#options").empty().append('<li><a id="loginModalDialog_options"
class="primaryNav" onclick="m.render.showLoginDialog();"
title="Login"><span id="loginModalDialog_login" class="t">Login</
span></a></li>');
This method is getting called when I click on "Login" :
-------------------------------------------------------
showLoginDialog: function(link) {
    if (typeof(link) == 'undefined') {
     $("#loginDialog").trigger("click", [""]);
    } else {
     $("#loginDialog").trigger("click", [link]);
    }
}
This code is for the popup box :
---------------------------------
<div id="loginDialog" title="Login Dialog" style="display:none;"></
div>
<script type="text/javascript">
$("#loginDialog").click(function(event, link) {
var dialogContent = '<div class="right"><a class="button21
buttonGreyDarkIcon21sq buttonIcon21 unblockUI noProcess"
href="#"><span><div class="icon21 deleteIcon21">&nbsp;</div>Close</
span></a></div>';
dialogContent = dialogContent + '<img src="/assets/images/
logo_login_dialog.png">

';
dialogContent = dialogContent + '<div class="t" style="font-size:
16px;">Login to me.memeo.com</div>
';
dialogContent = dialogContent + '<input type="text" id="email"
name="email" title="Email" style="width:200px;"/>

';
dialogContent = dialogContent + '<input type="password"
id="password" name="password" title="Password" style="width:200px;"/