firefox下表格变形解决

 

<div id="theadDiv" class="theadDiv">
    	<table id="theadTable" class="theadTable">
    	</table>
</div>
 <div id="dateDiv" class="dateDiv">
    	<table id="gridTable" class="gridTable">
    		<tbody>
    		</tbody>
    	</table>
 </div>

 

 采用如上方式固定表头，如果在第二个table的td定义的样式包含float:left 如下

 

table.gridTable tbody tr td{
	height:21px;
	font-size:13px;
	overflow: hidden;
	float:left;
	padding:0px 0px 0px 5px;
	border-left:1px solid #888;
	border-top:1px solid #888;
}

 将会使表格变形，如下

 

解决方法，将float去掉，效果如下