html使用div显示会错位,div错位，网页不能正常显示

div错位，网页不能正常显示0

如图 我想在中间深色板插入一个div使它与深色区一样大小。图片大小是800x600，于是我建个一个与图片大小相等的层css代码如下：#loginMain{ margin-left:auto; margin-right:auto; width:800px; height:600px; background-image:url(../image/login.jpg);}通过dm测得深色块的上边距，与左右边距，建立层,CSS如下：#login{ margin-left:187px; margin-top:227px; margin-right:116px; height:250px; width:400px;}然后在建立一个表格插入login中，html代码如下

 

   

用户名：
密码：

    

浏览时发现网页错位了如图补充一点，刚做完了网页能正常显示，但今天好像360自动给我装了个浏览器后便出现这个问题，把软件卸了还有重置了浏览器都没用了。求高人指点一下。