div显示错位

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>电子商城</title>
<style type="text/css">
<!--
body {
background: #EFEFEF;
background-color: #FFFFFF;
}
*{padding:0px;margin:0px;}
* li{list-style:none;}
a{text-decoration:none;color:#20557A;}
a:hover{text-decoration:underline;} p{
margin-bottom:15px}.STYLE8 {font-size: 12px}
.STYLE10 {font-size: 12px; color: #FC6E1A; }
.STYLE12 {font-size: 12px; color: #FE701A; } 
a:link {
text-decoration: none;
color: #FFFFFF;
}
.down{ font-size:12px; color:#999999;}
.down:visited {color:#999999;}
.down:link {color:#999999;}
.down:hover {color:#999999;}
 .login{ font-size:12px; color:#FC6E1A;}
.login:visited {color:#FC6E1A;}
.login:link {color:#FC6E1A;}
.login:hover {color:#FC6E1A;}
.top{ font-size:12px; color:#000000;}
.top:visited {color:#000000;}
.top:link {color:#000000;}
.top:hover {
color:#000000;
} 
a:visited {
text-decoration: none;
color: #CCCCCC;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
 #Layer3 {
position:fixed;
width:125px;
height:88px;
z-index:2;
top: 41px;
}
#Layer4 {
position:fixed;
width:125px;
height:130px;
z-index:3;
left: 450px;
top: 0px;
border: #ccc 1px dashed;
padding-left: 30px;
float: left;
border-bottom-color: #EFEFEF;
border-right-color: #EFEFEF;
border-top-color: #EFEFEF;
}
#Layer5 {
position:fixed;
width:125px;
height:25px;
z-index:1;
border: 1px solid #EFEFEF;
border-bottom-color: #000000;
}
#Layer6 {
position:fixed;
width:125px;
height:88px;
z-index:2;
top: 41px;
}
#Layer7 {
position:fixed;
width:125px;
height:130px;
z-index:4;
left: 566px;
top: 0px;
float: left;
padding-left: 30px;
border: #ccc 1px dashed;
border-bottom-color: #EFEFEF;
border-right-color: #EFEFEF;
border-top-color: #EFEFEF;
}
#Layer8 {
position:fixed;
width:125px;
height:25px;
z-index:1;
border: 1px solid #EFEFEF;
border-bottom-color: #000000;
}
 
#Layer9 {
position:fixed;
width:125px;
height:88px;
z-index:2;
left: 33px;
top: 41px;
}
#Layer10 {
position:fixed;
width:292px;
height:130px;
z-index:5;
left: 762px;
top: 0px;
border: #ccc 1px dashed;
float: left;
border-bottom-color: #EFEFEF;
padding-left: 30px;
border-top-color: #EFEFEF;
}
 
#Layer22 {
position:absolute;
width:768px;
height:53px;
z-index:2;
top: 176px;
} 
#Layer28 {
position:fixed;
width:960px;
height:130px;
z-index:3;
top: 519px;
}
#Layer29 {
position:fixed;
width:125px;
height:130px;
z-index:1;
float: left;
border-left: #ccc 1px dashed;
padding-left: 30px;
border-left-color: #CCCCCC;
}
 
#Layer32 {
position:fixed;
width:125px;
height:25px;
z-index:1;
border: 1px solid #EFEFEF;
border-bottom-color: #000000;
}
#Layer33 {
position:fixed;
width:125px;
height:88px;
z-index:2;
top: 41px;
}
body,td,th {
color: #666666;
}
.STYLE23 {color: #000000}
 #Layer34 {
position:fixed;
width:125px;
height:130px;
z-index:2;
left: 263px;
border: #ccc 1px dashed;
float: left;
padding-left: 30px;
top: 0px;
border-bottom-color: #EFEFEF;
border-top-color: #EFEFEF;
border-right-color: #EFEFEF;
}
#Layer35 {
position:fixed;
width:125px;
height:25px;
z-index:1;
border: 1px solid #EFEFEF;
border-bottom-color: #000000;
}
 #Layer2 {
width:480px;
height:400px;
z-index:1;
left: 557px;
top: 332px;
float: left;
border: #ccc 1px dashed;
border-bottom-color: #FFFFFF;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
}
  
 #Layer21 {
width:133px;
height:33px;
z-index:1;
top: 201px;
}
.STYLE43 {
color: #FF0000;
font-size: 24px;
}
.STYLE47 {
color: #0099CC;
font-size: 12px;
}
#Layer1 {
position:fixed;
width:24px;
height:27px;
z-index:1;
top: 123px;
padding-top: 15px;
}
 #Layer60 {
position:fixed;
width:42px;
height:27px;
z-index:1;
top: 126px;
}
.STYLE50 {font-size: 24px; color: #990000; }
.STYLE52 {color: #CFCCD3}
.STYLE53 {font-size: 14px}
-->
</style> 
</head>
<body style="margin:0px;">
 <table width="960" height="42" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top" >
<a href="index.jsp">首页</a> <a href="dhxpsj.jsp">新品上市</a> 
<a href="dhcxsp.jsp" class="STYLE30">促销商品</a>
<a href="dhjfdh.jsp" class="STYLE30">积分兑换</a>
<a href="dhqdyl.jsp" class="STYLE30">签到有礼</a>
</td>
    <td width="107" background="images/1g_08_13.jpg">&nbsp;</td>
    <td width="24" background="images/1g_08_14.jpg"><div id="Layer1">
          </div></td>
    <td width="49" background="images/1g_08_15.jpg">&nbsp;</td>
    <td width="10" background="images/1g_08_16.jpg">&nbsp;</td>
    <td width="73" background="images/1g_08_17.jpg"><div id="Layer60"style="cursor:pointer;" onClick="location.href='wdcart';"><a href="#"></div></td>
  </tr>
</table>
<table width="960" height="400" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="480"><img src="<%=path%>/images/zc.jpg" width="480" height="398"></td>
    <td><div id="Layer2">
    <form action="userlogin" method="post">
      <table width="480" height="440" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="70" colspan="2">
            <div align="center"><span class="STYLE50"><s:property value="errors. E7[0]"/>
              <span class="STYLE52"></span></span></div></td>
        </tr>
        <tr>
          <td height="60" colspan="2" class="STYLE42">会员登录</td>
        </tr>
        <tr>
          <td width="150" height="40"><div align="right"><span class="STYLE24">用户名：</span></div></td>
          <td><input type="text" name="user.username" style="width: 140px; "  ></td>
        </tr>
        <tr>
          <td height="40"><div align="right"><span class="STYLE24">密&nbsp;&nbsp; 码：</span></div></td>
          <td height="40"><input type="password" name="user.password">
            <span class="STYLE8 STYLE23"><a class="top" href ="modifyreturn.jsp">忘记密码？</a></span></td>
        </tr>
        <tr>
          <td height="40"><div align="right"><span class="STYLE24">验证码：</span></div></td>
          <td height="20"><input type="text" name="rand" style="width: 64px; "><img src="rand.action" height="20" style="vertical-align: bottom;"  onclick="changeValidateCode(this)" title="点击图片刷新验证码" /></td>
        </tr>
        <tr>
          <td height="40">&nbsp;</td>
          <td height="20"><input  type="image"  src="<%=path%>/images/logintb.jpg"></td>
        </tr>
        <tr>
          <td height="110" colspan="2" valign="top"><div align="center"><span class="STYLE43"><s:property value="errors.loginE[0]"/></span></div></td>
        </tr>
      </table>
      </form>
    </div></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#EFEFEF" height="130">
  <tr>
    <td height="130"><div style="width: 100%; height: 130px; border: 1px solid #f00; ; border-top-color: #999999; border-left-color: #EFEFEF; border-bottom-color: #EFEFEF;">

      <table width="960" height="130" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td><div id="Layer28">
            <div id="Layer29">
              <div class="STYLE24" id="Layer32">
                <div align="center" class="STYLE23">新手入门</div>
              </div>

              <div id="Layer33">
                <UL class="STYLE24">
  <LI><A class="down" href="help/index.jsp?gwlc" >购物流程 </A>
  <LI><A class="down" href="help/index.jsp?jfsm">积分说明</A>
  <LI><A class="down" href="help/index.jsp?kefu">联系客服 </A></LI></UL>
              </div>
            </div>
            <div id="Layer34">
              <div class="STYLE24" id="Layer35">   
                <div align="center" class="STYLE23">配送方式</div>
              </div>
              <div id="Layer3">
  <UL class="STYLE24">
  <LI><A class="down" href="help/index.jsp?gkzt">顾客自提 </A>
  <LI><A class="down" href="help/index.jsp?shsm">送货上门</A>
  <LI><A class="down" href="help/index.jsp?psfw">配送范围  </A></LI></UL></div>
            </div>
            <div id="Layer4">
              <div class="STYLE24" id="Layer5">
                <div align="center" class="STYLE23">支付方式</div>
              </div>
              <div id="Layer6"> 
                <UL class="STYLE24">
  <LI><A class="down" href="help/index.jsp?hdfk" >货到付款 </A>
   </LI></UL></div>
            </div>
            <div id="Layer7">
              <div class="STYLE24" id="Layer8">
                <div align="center" class="STYLE23">售后服务</div>
              </div>
              <div id="Layer9"> <UL class="STYLE24">
  <LI><A class="down" href="help/index.jsp?tksm" >退换货说明 </A>
  <LI><A class="down" href="wdtkuan">换货/退款申请</A>
  <LI><A class="down" href="help/index.jsp?lc">退换货流程 </A></LI></UL></div>
            </div>
            <div id="Layer10">
              <p><img src="<%=path%>/images/kf.jpg" width="265" height="125"></p>
            </div>
          </div></td>
        </tr>
      </table>
    </div></td>
  </tr>
</table>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td><div align="center">
          <p><img src="<%=path%>/images/cxwz.png" width="128" height="47"><img src="<%=path%>/images/kxwz.png" width="128" height="47"></p>
            <p class="STYLE29 STYLE23 STYLE8">公司简介 | 诚征英才 |百货招商 | 广告招商 | 联系我们</p>
            <DIV class="STYLE29 STYLE23 STYLE53">Copyright©2011-2012</DIV>
             
          </div></td>
        </tr>
</table></body>
</html>