用JS动态创建登录表单，报了个小错误

后来发现原来是：

dvObj.style.border='#Red 1px sold';

其中的Red多谢了一个‘#’,

但是奇怪的是在chrome和firefox都备有报错，但是在ie中报错了。

各位仁兄美眉们一定要小心了额。

下面是这段js动态创建登录框的js代码：

 onload = function () {
             var dvObj = document.createElement('div');
             dvObj.style.border = 'Red 1px solid';
             dvObj.style.backgroundColor = 'blue';
             dvObj.id = 'dv';
             var tabObj = document.createElement('table');
             var trObj1 = tabObj.insertRow(-);
             var trObj2 = tabObj.insertRow(-);
             var trObj3 = tabObj.insertRow(-);
             var tdObj1 = trObj1.insertCell(-);
             var tdObj2 = trObj1.insertCell(-);
             var tdObj3 = trObj2.insertCell(-);
             var tdObj4 = trObj2.insertCell(-);
             var tdObj5 = trObj3.insertCell(-);
             var tdObj6 = trObj3.insertCell(-);
             tdObj1.innerHTML = '<label for="txtUserName">用户名：</label>';
             tdObj2.innerHTML = '<input type="text" id="txtUserName" />';
             tdObj3.innerHTML = '<label for="pwdPassword">密码：</label>';
             tdObj4.innerHTML = '<input type="password" id="pwdPassword" />';
             tdObj5.innerHTML = '<input type="button" id="btnLogin" value="登录" />';
             tdObj6.innerHTML = '<input type="button" id="btnCancel" value="关闭" />';
             dvObj.appendChild(tabObj);
             dvObj.style.position = 'absolute';
             dvObj.style.left = '600px';
             dvObj.style.top = '300px';
             document.body.appendChild(dvObj);
             //点击关闭
             document.getElementById('btnCancel').onclick = function () {
                 document.body.removeChild(dvObj);
             }
             //点击登录
             document.getElementById('btnLogin').onclick = function () {
                 alert('登录处理');
             }
         }
     </script>

用JS动态创建登录表单