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;}
 .STYLE8 {font-size: 12px}
.STYLE10 {font-size: 12px; color: #FC6E1A; }
.STYLE12 {font-size: 12px; color: #FE701A; }
a:link {
text-decoration: none;
color: #FFFFFF;
}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}
.STYLE24 {font-size: 14px;   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;
} 
.STYLE32 {color: #FFFFFF; font-size: 14px; }
#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;
}
.STYLE42 {font-size: 24px; color: #000000;}
#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;">
<!--省略无关代码-->
 最重要的是下面的代码  这里用了很多的div 这些div在我的电脑上显示正常 在测试的电脑上只有一台显示的是正常<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>
   </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?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?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>
 </body>
</html>