用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(-1);
            var trObj2 = tabObj.insertRow(-1);
            var trObj3 = tabObj.insertRow(-1);
            var tdObj1 = trObj1.insertCell(-1);
            var tdObj2 = trObj1.insertCell(-1);
            var tdObj3 = trObj2.insertCell(-1);
            var tdObj4 = trObj2.insertCell(-1);
            var tdObj5 = trObj3.insertCell(-1);
            var tdObj6 = trObj3.insertCell(-1);
            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>