为什么在ie下表格出现缝隙(急,在线等)
<style type= "text/css "> <!--
*{margin:0px;
padding:0px;}
#head{
margin:0px auto;
width:722px;
height:125px;
background-color:#0056AD;}
#main{
margin:0px auto;
width:722px;
height:1046px;
background-color:#0056AD;
}
form{margin:0px;
padding:1px;}
span{margin-top:12px;
margin-left:150px;
color:#FFFFFF;
font-size:14px;
display:block;
}
table{
width:382px;
margin-top:10px;
margin-left:150px;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
font-size:12px;}
td{border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
background-color:#FFFFFF;}
table#fir{height:260px;}
table#sec {height:686px;
}
.blue{
background-color:#4B87C3;}
#footer{
margin:0px auto;
padding:5px 40px;
width:642px;
height:33px;
background-color:#4282C2;
color:#FFFFFF;
font-size:12px;
text-align:center;
line-height:20px;}
a:link{
color:#FFFFFF;
text-decoration:none;
}
a:visited{color:#FFFFFF;
text-decoration:none;}
a:hover{color:#FFFFFF;
text-decoration:underline;}
--> </style>
</head>
<body>
<div id= "head "> <img src= "image/head.jpg " /> </div>
<div id= "main ">
<form id= "form1 " name= "form1 " method= "post " action= " ">
<span> 一.基本情况调查 </span>
<table cellpadding= "0 " cellspacing= "0 " id= "fir " >
<tr >
<td width= "10% " class= "blue "> 1 </td>
<td class= "blue "> </td>
</tr>
<tr>
<td> 2 </td>
<td> </td>
</tr>
<tr>
<td> 3 </td>
<td> </td>
</tr>
<tr>
<td> 4 </td>
<td> </td>
</tr>
<tr>
<td > 5 </td>
<td > </td>
</tr>
<tr>
<td class= "blue "> 6 </td>
<td class= "blue "> 6 </td>
<tr>
<tr>
<td> 7 </td>
<td> 7 </td>
<tr>
<td> 8 </td>
<td> </td>
</tr>
<tr>
&